DrawnUI for .NET

Hardware-accelerated rendering engine for .NET, including MAUI and Blazor, powered by SkiaSharp

Choose your target from the platform and package guide: .NET MAUI, Blazor, or DrawnUi.Net. More platform targets are planned.

Choose Your Target

.NET MAUI

Use DrawnUi.Maui when you are building a native app for iOS, Android, MacCatalyst, or Windows.

Install:

dotnet add package DrawnUi.Maui

MAUI setup guide →

Blazor

Use DrawnUi.Blazor.Wasm for browser-local rendering, or DrawnUi.Blazor.Server for server-rendered DrawnUI surfaces.

Install:

dotnet add package DrawnUi.Blazor.Wasm
dotnet add package DrawnUi.Blazor.Server

Blazor runtime guide →

DrawnUi.Net

Use DrawnUi.Net when you need platform-agnostic rendering, headless harnesses, server-side image generation, or shared-logic debugging without a UI host.

Install:

dotnet add package DrawnUi.Net

DrawnUi.Net guide →

More platforms coming soon: the DrawnUI umbrella is expanding beyond the current MAUI, Blazor, and DrawnUi.Net targets.

📖 Choose Your Package And Runtime

🌟 What Is DrawnUI?

DrawnUI is a rendering engine for .NET built on top of SkiaSharp that brings together a complete layout system, gesture recognition, smooth animations, and custom-drawn controls across multiple hosts, including .NET MAUI, Blazor, and platform-agnostic .NET runtimes.

Unlike traditional UI stacks that rely only on native platform widgets, DrawnUI renders everything directly to SkiaSharp-powered surfaces. This approach gives you pixel-perfect control over your app's appearance while keeping a shared rendering model that can be hosted in native apps, browser runtimes, and headless .NET workflows.

Key Architecture:

SkiaSharp Foundation: Leverages Google's Skia graphics engine for consistent, high-performance 2D rendering
Canvas-Based Layout: Custom layout system that positions and sizes controls on hardware-accelerated surfaces
Gesture Engine: Multi-touch gesture recognition system with support for complex interactions
Animation Pipeline: Smooth, performant animations using GPU acceleration and intelligent caching
Virtual Controls: Lightweight control system without native platform overhead

Perfect for apps requiring custom UI designs, complex animations, game-like interfaces, headless rendering workflows, or pixel-perfect cross-platform consistency that traditional controls alone can't achieve.