Make your AI a shadcn expert

Flutter Shadcn UI

Flutter Shadcn UI is a comprehensive port of shadcn/ui components to Flutter, providing fully customizable, high-quality UI widgets that bring the shadcn design system to mobile and desktop applications.

Flutter Shadcn UI — preview

by Nank1ro · Updated October 8, 2025

Live Preview

Interact with the actual deployed template — every section, every interaction, no mockups.

flutter-shadcn-ui.mariuti.com
Loading preview…

About Template

This MIT-licensed library offers an extensive collection of Flutter widgets including Accordion, Button, Dialog, Avatar, Card, Checkbox, Select, Tabs, and many more, all carefully designed to match shadcn/ui's aesthetic while leveraging Flutter's native capabilities. The project emphasizes quality over quantity, focusing on creating well-crafted, thoroughly tested components rather than rapidly adding widgets, ensuring each component is production-ready and maintains consistency with the shadcn design language.

With over 2,300 GitHub stars and active development, Flutter Shadcn UI enables developers to build beautiful mobile and desktop applications with familiar shadcn/ui patterns, providing a seamless design experience for teams working across web and mobile platforms. Perfect for Flutter developers who want to maintain design consistency with shadcn-based web applications or simply appreciate shadcn's clean, accessible design principles in their mobile apps.

Free, open source, and ready to ship.

Clone the repo, install dependencies, and start customising — every Flutter Shadcn UI file is MIT-licensed and yours to keep.

More Templates

Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.