Flutter ShadcnUI

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.

Star History