shadcn_ui

Install package

flutter pub add shadcn_ui

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

shadcn/ui ported to Flutter offers a collection of beautiful, fully customizable UI components inspired by the original shadcn/ui. Built with Flutter, it provides a modern, accessible, and developer-friendly library for creating consistent and visually appealing interfaces across Android, iOS, Web, macOS, Windows, and Linux. The components are designed to be easily integrated and tailored to match any design system. With clean code and strong documentation, it accelerates UI development while maintaining flexibility.

Use cases

Rapid UI prototyping
Building cross-platform apps
Creating design system components
Customizing existing Flutter projects
Developing accessible interfaces

Key features

Fully customizable components
Cross-platform support
Accessible design
Clean, modular code
Built-in theming support
Easy integration via pub

Suitable for

Flutter developers seeking modern UI components
Teams using a design system
Projects requiring fast UI development
Open-source contributors
Apps targeting multiple platforms

Considerations

Requires understanding of Flutter's widget system
Customization may require additional styling knowledge
Limited official support compared to first-party packages
Depends on community contributions for updates

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Flutter ShadcnUI

CodeRabbit Pull Request Reviews

Shadcn UI ported in Flutter. Awesome UI components for Flutter, fully customizable.

Documentation

See the documentation to interact with the components and see the code.

Agent Skills

You can install the Agent Skills for this project with:

npx skills add nank1ro/flutter-shadcn-ui

Progress

Follow the progress on X (Twitter)

[x] Accordion
[x] Alert
[x] Breadcrumb
[x] Dialog
[x] Avatar
[x] Badge
[x] Button
[x] IconButton
[x] Calendar
[x] Card
[ ] Carousel
[x] Checkbox
[ ] Collapsible
[x] Combobox
[ ] Command
[x] Context Menu
[ ] Data Table
[x] Date Picker
[ ] Drawer
[x] Dropdown Menu Use Context Menu instead
[x] Form
[x] Hover Card Use Popover instead
[x] Input
[x] Input OTP
[x] Label Use Text instead
[x] Menubar
[ ] Navigation Menu
[ ] Pagination
[x] Popover
[x] Progress
[x] RadioGroup
[x] Resizable
[x] Scroll Area Use SingleScrollView, ListView etc. instead
[x] Select
[x] Separator
[x] Sheet
[ ] Skeleton
[x] Slider
[x] Sonner
[x] Switch
[x] Table
[x] Tabs
[x] TextArea
[x] Time Picker
[x] Toast
[ ] Toggle
[ ] ToggleGroup
[x] Tooltip

FAQs

What's the difference with shadcn_flutter

My repo was created the 05/01/2024 while he started the 12/02/2024. He never contacted me to contribute. It's an open source project, I'd love to have contributions.

Each widget I make takes some time because I try to solve problems in a simple way, making each widget extremely customizable.

Another library could probably come first with more widgets, but in the long run it's the quality the most important thing.