{"id":27131866,"url":"https://github.com/taublast/drawnui","last_synced_at":"2026-04-08T13:01:37.449Z","repository":{"id":221009387,"uuid":"751736600","full_name":"taublast/DrawnUi","owner":"taublast","description":"Hardware-accelerated rendering engine for .NET MAUI built on top of SkiaSharp 🎨","archived":false,"fork":false,"pushed_at":"2026-04-04T11:42:16.000Z","size":108950,"stargazers_count":373,"open_issues_count":8,"forks_count":34,"subscribers_count":12,"default_branch":"main","last_synced_at":"2026-04-04T13:23:13.775Z","etag":null,"topics":["dotnetmaui","dotnetmaui-animations","draw","drawnui","gamedev","graphics","maui","shaders","skia","skiasharp","ui"],"latest_commit_sha":null,"homepage":"https://drawnui.net","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/taublast.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-02-02T08:05:25.000Z","updated_at":"2026-03-23T11:52:49.000Z","dependencies_parsed_at":"2024-04-15T19:56:01.977Z","dependency_job_id":"04bcb5ef-eef1-4c93-9e14-432a666eaaf4","html_url":"https://github.com/taublast/DrawnUi","commit_stats":null,"previous_names":["taublast/drawnui.maui","taublast/drawnui"],"tags_count":64,"template":false,"template_full_name":null,"purl":"pkg:github/taublast/DrawnUi","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taublast%2FDrawnUi","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taublast%2FDrawnUi/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taublast%2FDrawnUi/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taublast%2FDrawnUi/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taublast","download_url":"https://codeload.github.com/taublast/DrawnUi/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taublast%2FDrawnUi/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31556239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T10:21:54.569Z","status":"ssl_error","status_checked_at":"2026-04-08T10:21:38.171Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dotnetmaui","dotnetmaui-animations","draw","drawnui","gamedev","graphics","maui","shaders","skia","skiasharp","ui"],"created_at":"2025-04-07T21:05:05.446Z","updated_at":"2026-04-08T13:01:37.444Z","avatar_url":"https://github.com/taublast.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DrawnUI for .NET MAUI\n![License](https://img.shields.io/github/license/taublast/DrawnUi.svg)\n![NuGet Version](https://img.shields.io/nuget/v/AppoMobi.Maui.DrawnUi.svg)\n![NuGet Downloads](https://img.shields.io/nuget/dt/AppoMobi.Maui.DrawnUi.svg)\n[![PRs Welcome](https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat)](https://github.com/taublast/drawnui/blob/master/CONTRIBUTING.md)\n\n[Docs and Samples](https://drawnui.net) 👈\n\nRendering engine for .NET MAUI with gestures and animations and much more, powered by [SkiaSharp](https://github.com/mono/SkiaSharp).   \n\nSupports **iOS**, **MacCatalyst**, **Android**, **Windows** with hardware acceleration.\n\n* To use inside a usual MAUI app, by wrapping drawn controls into `Canvas` views.\n* To create a totally drawn apps with just one `Canvas` as root view.\n* Drawn controls are totally virtual, no native views/handlers.\n* Design in XAML or [code-behind](https://drawnui.net/articles/first-app-code.html)\n* Free to use under the MIT license, nuget package available.\n\n## Features\n\n* __Create visuals totally matching designer's image__, no more compromises with native controls\n* __Use virtual controls to draw your UI__\n* __Create your own animated pixel-perfect controls__\n* __Port existing native controls to drawn__\n* __Design in XAML or code-behind__\n* __2D and 3D Transforms__\n* __Visual effects__ for every control, filters and shaders\n* __Animations__ targeting max FPS\n* __Caching system__ for faster re-drawing\n* __Optimized for performance__, rendering only visible elements, recycling templates etc\n* __Gestures__ support for anything, panning, scrolling, zooming etc\n* __Keyboard support__, track any key\n* __Navigate__ on the canvas with MAUI Shell-like techniques \n\n## To Note\n\n* Still targeting .NET9 library: entry controls not fully compatible with .NET10.\n \n---\n\n## 🆕 What's new for 1.9.7.2\n\n* Optimized composite cache and added new `SkiaCacheType.ImageCompositeGPU` type.\n* Fix memory leak for the `SkiaCacheType.ImageDoubleBuffered` flow.\n* `SkiaCamera` auto-exposure fix for low light, record video on Android emulator and more. \n* Various optimizations and fixes.\n \n## 💡 Hint of the Day\n\n**❓ Q: How to expand button hitbox?**\n\n**💡 A:** Every drawn control can do that:\n\n```csharp\npublic override SKRect CreateHitRect()\n{\n    var ret = base.CreateHitRect();\n    ret.Inflate(10*RenderingScale, 10*RenderingScale);\n    return ret;\n}\n```\n\n## 👍 Latest Showcase\n\n* [SolTempo](https://github.com/taublast/SolTempo)  - Audio Processing App with SKSL Shaders, read the [blog article](https://taublast.github.io/posts/SolTempo/).\n\n---\n\n## 👍 Latest Showcase\n\n* [SolTempo](https://github.com/taublast/SolTempo)  - Audio Processing App with SKSL Shaders, read the [blog article](https://taublast.github.io/posts/SolTempo/).\n\n---\n\n## Quick Start\n\nInstall the package:\n```bash\ndotnet add package DrawnUi.Maui\n```\n\nInitialize in `MauiProgram.cs`:\n```csharp\nbuilder.UseDrawnUi();\n```\n\nUse in XAML:\n```xml\n\u003cContentPage xmlns:draw=\"http://schemas.appomobi.com/drawnUi/2023/draw\"\u003e\n    \u003cdraw:Canvas Gestures=\"Enabled\"\u003e\n        \u003cdraw:SkiaLayout Type=\"Column\" Spacing=\"16\" Padding=\"32\"\u003e\n            \u003cdraw:SkiaLabel Text=\"Hello DrawnUI\" FontSize=\"24\" /\u003e\n            \u003cdraw:SkiaButton Text=\"Click Me\" Tapped=\"OnButtonClicked\" /\u003e\n        \u003c/draw:SkiaLayout\u003e\n    \u003c/draw:Canvas\u003e\n\u003c/ContentPage\u003e\n```\n\nNeed more performance? Set canvas `RenderingMode` to `Accelerated`.\n\nSee the [Getting Started Guide](https://drawnui.net/articles/getting-started.html) for details.\n\nDo not miss the [Tutorials Project](https://github.com/taublast/DrawnUi.Maui/tree/main/src/Maui/Samples/Tutorials) on how to create your custom control, a recycled cells scroller and more.\n\n---\n\n## Sample Apps\n\n**Demo Projects:**\n- [Tutorials](https://github.com/taublast/DrawnUi/tree/main/src/Maui/Samples/Tutorials) - First steps, bindings, recycled cells\n- [Sandbox Project](https://github.com/taublast/DrawnUi.Maui/tree/main/src/Maui/Samples/Sandbox) - Playground for custom controls, shaders, camera, maps etc\n- [Engine Demo](https://github.com/taublast/AppoMobi.Maui.DrawnUi.Demo) - Navigation, recycled cells, camera integration\n- [Shaders Carousel](https://github.com/taublast/ShadersCarousel/) - Advanced SkiaSharp v3 effects\n- [Space Shooter](https://github.com/taublast/Maui.Game.SpaceShooter/) - 2D Arcade Game Etude\n\n**Open-Source Published Apps:**\n- [Filters Camera](https://github.com/taublast/ShadersCamera) - Real-time camera filters ([AppStore](https://apps.apple.com/us/app/filters-camera/id6749823005), [Google Play](https://play.google.com/store/apps/details?id=com.appomobi.drawnui.shaderscam))\n- [Bricks Breaker](https://github.com/taublast/DrawnUi.Breakout) - 2D Arkanoid/Breakout arcade game ([AppStore](https://apps.apple.com/us/app/bricks-breaker/id6749823869), [Google Play](https://play.google.com/store/apps/details?id=com.appomobi.drawnui.breakout))\n\n---\n\n___Please star ⭐ if you like it!___\n\n## FAQ\n\n**Q: What is the difference between DrawnUi and other drawn frameworks?**  \nA: It is not a framework but a library for .NET MAUI, to make creating drawn UI easy for everyone.\n\n**Q: Why use DrawnUI instead of native controls?**  \nA: Gives you complete control over rendering and appearance and can be much more performant for complex UIs. \n\n**Q: Do I need to know SkiaSharp?**  \nA: No. Use the prebuilt controls and customize them. All controls are designed to be subclassed and most methods are virtual.\n\n**Q: Can I use XAML/code-behind?**  \nA: Yes, both XAML and code-behind are supported.\n\n**Q: Can I embed native MAUI controls?**  \nA: Yes, use `SkiaMauiElement` to wrap native controls like WebView inside your drawn UI.\n\n**Q: Can I embed drawn controls into my usual MAUI app?**  \nA: Yes, use `Canvas` to wrap drawn controls inside your MAUI UI.\n\n[Full FAQ](https://drawnui.net/articles/faq.html) • [Ask Questions](https://github.com/taublast/DrawnUi/discussions)\n\n---\n\n[Documentation](https://drawnui.net) • [Tutorials](https://drawnui.net/articles/tutorials.html) • [Controls Reference](https://drawnui.net/articles/controls/index.html) Under development\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaublast%2Fdrawnui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaublast%2Fdrawnui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaublast%2Fdrawnui/lists"}