Sample Apps

Explore real-world applications and demo projects built with DrawnUI to see the framework in action.

🎮 Learning Projects

• Blazor Sandbox 🌐 - Explore the browser-hosted DrawnUI sample surface with:

  • Blazor Canvas hosting patterns
  • Control and layout probes
  • Tutorial ports for browser runtime
  • Current Blazor validation pages

  See it live in browser!

• MAUI Demo 🤩 - A comprehensive totally drawn app demo featuring:

  • Navigation on the canvas with SkiaShell
  • Recycled cells and virtualization
  • Camera integration examples
  • Custom controls showcase

• MAUI Sandbox 🧪 - Experiment with:

  • Playground examples
  • Custom controls development
  • Maps integration
  • Various styling approaches

• Shaders Carousel ✨ - Advanced SkiaSharp shaders capabilities

  • Custom SKSL shader effects
  • Visual effects showcase
  • Hardware acceleration examples
  • Modern rendering techniques

⭐️ Published Apps

Published open-source apps:

Bricks Breaker

Arkanoid/Breakout-style arcade game

• Browse Code: Github repository
• Play on Web: Bricks Breaker Web
• Install: AppStore, Google Play
• Architecture: Single Canvas root with drawn dialogs
• Features: DrawnUI game helpers and mecanics

Filters Camera

Camera with real-time filters totally drawn on canvas

• Browse Code: Github repository
• Install: AppStore, Google Play
• Architecture: Single Canvas root, MAUI popups for settings.
• Features: SKSL shaders and SkiaCamera control

SolTempo

Real-time pitch detection, BPM/tempo detection

• Browse Code: Github repository
• Install: AppStore, Google Play
• Read More: Blog article
• Architecture: App drawn on a single DrawnUI Canvas
• Features: Real-time pitch detection, BPM/tempo detection, SKSL Shaders effects and confetti!

Contributing Samples

Have a cool UI or feature? Submit a PR or open an issue to share your sample with the community!