DrawnUI For .NET MAUI Demo

Demo of a rendering engine to draw your UI on a Skia canvas, with gestures and animations, designed to draw pixel-perfect custom controls instead of using native ones.

Supports iOS, MacCatalyst, Android, Windows.

• To use inside a usual Maui app, consume drawn controls here and there inside Canvas views.
• Create a totally drawn app with just one Canvas as root view, SkiaShell is provided for navigation.
• Drawn controls are totally virtual, these are commands for the engine on what and how to draw on a skia canvas.
• Free to use under the MIT license, a nuget package is available.

What's New

Using SkiaSharp3 preview nuget with new features. Full change log here.

Screenshots

Draw your recycled cells on a canvas

cells.mp4

Scroll, navigate and switch virtual views

scrolls.mp4

Create your drawn controls

various.mp4

Draw rich and tappable text

tapspans.mp4

Play with the Canvas

shooter.mp4

https://github.com/taublast/AppoMobi.Maui.DrawnUi.SpaceShooter

Features

• Draw your UI using SkiaSharp with hardware acceleration
• Easily create your controls and animations
• Design in Xaml or code-behind
• 2D and 3D Transforms
• Animations and transforms targeting max fps
• Gestures support for panning, scrolling and zooming (rotation on the roadmap)
• Caching system for elements and images
• Optimized for performance, rendering only visible elements, recycling templates etc
• Navigate on canvas using MAUI familiar Shell techniques

Engine repo

https://github.com/taublast/DrawnUi.Maui

Please star ⭐ if you like it helps very much!