MAUI Controls | Getting Started
A .NET MAUI controls library providing rich, ready-to-use UI components for mobile and desktop applications. One package covers TableView, Scheduler, BottomSheet, PillView, and ImageViewer. Markdown and Mermaid Diagrams are available as separate add-on packages.
Frameworks
.NET MAUI
Controls
Section titled “Controls”| Control | Description |
|---|---|
| TableView | Settings-style table with 14 cell types, cascading styles, drag-to-sort, sections, and full MVVM support |
| Scheduler | Calendar grid, agenda timeline, and event list views with a shared ISchedulerEventProvider interface |
| BottomSheet | Draggable bottom sheet overlay with configurable snap points (detents), backdrop, and keyboard handling |
| PillView | Status badge/label with 6 preset themes, custom colors, and WCAG-accessible contrast |
| ImageViewer | Full-screen image overlay with pinch-to-zoom, pan, double-tap zoom, and animated transitions |
| Markdown | Read-only markdown renderer and full editor with formatting toolbar and live preview (separate package) |
| Mermaid Diagrams | Native Mermaid flowchart rendering with Sugiyama layout, themes, and pan/zoom (separate package) |
- NuGet Packages
- Project File
- MauiProgram.cs
Shiny.Maui.Controls
Add the XAML namespace to your pages:
xmlns:shiny="http://shiny.net/maui/controls"For Markdown controls (separate package: Shiny.Maui.Controls.Markdown):
xmlns:md="http://shiny.net/maui/markdown"For Mermaid Diagrams (separate package: Shiny.Maui.Controls.MermaidDiagrams):
xmlns:diagram="http://shiny.net/maui/diagrams"AI Skill
Section titled “AI Skill”Step 1 — Add the marketplace:
claude plugin marketplace add shinyorg/skills Step 2 — Install the plugin:
claude plugin install shiny-maui@shiny Coming soon — Copilot plugin install instructions will be added here.