DrawnUI for .NET MAUI

Build stunning cross-platform apps with hardware-accelerated SkiaSharp rendering

1. Install:

dotnet add package DrawnUi.Maui

2. Initialize:

public static MauiApp CreateMauiApp()
{
    var builder = MauiApp.CreateBuilder();
    builder
        .UseMauiApp<App>()
        .UseDrawnUi();  // ← Add this line
    
    return builder.Build();
}

3. Draw:

<ContentPage xmlns:draw="http://schemas.taublast.com/drawnUi/2022/maui">
    <draw:Canvas>
        <draw:SkiaLabel FontSize="15" Text="Drawn with SkiaSharp!" />
    </draw:Canvas>
</ContentPage>

📖 Complete Setup Guide

🌟 What Is DrawnUI?

DrawnUI is a powerful rendering engine for .NET MAUI built on top of SkiaSharp that brings together a complete layout system, gesture recognition, smooth animations, and custom-drawn controls—all rendered on hardware-accelerated canvases.

Unlike traditional MAUI controls that rely on native platform widgets, DrawnUI renders everything directly to GPU-accelerated surfaces using SkiaSharp's 2D graphics library. This approach gives you pixel-perfect control over your app's appearance while maintaining max performance across iOS, Android, Windows, and macOS.

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, or pixel-perfect cross-platform consistency that traditional MAUI controls can't achieve.