https://github.com/nank1ro/flutter-shadcn-ui

shadcn-ui ported in Flutter. Awesome UI components for Flutter, fully customizable.
https://github.com/nank1ro/flutter-shadcn-ui

flutter shadcn shadcn-ui shadcnui ui

Last synced: 3 days ago
JSON representation

shadcn-ui ported in Flutter. Awesome UI components for Flutter, fully customizable.

• Host: GitHub
• URL: https://github.com/nank1ro/flutter-shadcn-ui
• Owner: nank1ro
• License: mit
• Created: 2024-01-05T14:54:24.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2026-01-13T15:17:55.000Z (about 2 months ago)
• Last Synced: 2026-01-13T18:04:47.684Z (about 2 months ago)
• Topics: flutter, shadcn, shadcn-ui, shadcnui, ui
• Language: Dart
• Homepage: https://flutter-shadcn-ui.mariuti.com
• Size: 3.91 MB
• Stars: 2,465
• Watchers: 15
• Forks: 168
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

• awesome-flutter - Shadcn - Shadcn-ui port. Fully customizable UI components. (Components / UI)
• fucking-awesome-flutter - Shadcn - Shadcn-ui port. Fully customizable UI components. (Components / UI)
• awesome-shadcnui - Github - shadcn-ui.mariuti.com) | ★1950 | (Ports & Implementations)

README

          
# Flutter ShadcnUI

[![License: MIT](https://img.shields.io/badge/license-MIT-purple.svg)](https://github.com/nank1ro/flutter-shadcn-ui/blob/main/LICENSE)

[![GitHub stars](https://img.shields.io/github/stars/nank1ro/flutter-shadcn-ui)](https://gitHub.com/nank1ro/flutter-shadcn-ui/stargazers/)

[![GitHub issues](https://img.shields.io/github/issues/nank1ro/flutter-shadcn-ui)](https://gitHub.com/nank1ro/flutter-shadcn-ui/issues/)

[![GitHub pull-requests](https://img.shields.io/github/issues-pr/nank1ro/flutter-shadcn-ui.svg)](https://gitHub.com/nank1ro/flutter-shadcn-ui/pull/)

[![shadcn_ui Pub Version (including pre-releases)](https://img.shields.io/pub/v/shadcn_ui?include_prereleases)](https://pub.dev/packages/shadcn_ui)

![CodeRabbit Pull Request Reviews](https://img.shields.io/coderabbit/prs/github/nank1ro/flutter-shadcn-ui)

[![Join Discord](https://dcbadge.limes.pink/api/server/ZhRMAPNh5Y?style=flat)](https://discord.gg/ZhRMAPNh5Y)



Shadcn UI ported in Flutter.

Awesome UI components for Flutter, fully customizable.

## Documentation

See the [documentation](https://mariuti.com/flutter-shadcn-ui/) to interact with the components and see the code.

## Progress

> Follow the progress on [X (Twitter)](https://twitter.com/nank1ro)

- [x] [Accordion](https://mariuti.com/flutter-shadcn-ui/components/accordion/)

- [x] [Alert](https://mariuti.com/flutter-shadcn-ui/components/alert/)

- [x] [Breadcrumb](https://mariuti.com/flutter-shadcn-ui/components/breadcrumb/)

- [x] [Dialog](https://mariuti.com/flutter-shadcn-ui/components/dialog/)

- [x] [Avatar](https://mariuti.com/flutter-shadcn-ui/components/avatar/)

- [x] [Badge](https://mariuti.com/flutter-shadcn-ui/components/badge/)

- [x] [Button](https://mariuti.com/flutter-shadcn-ui/components/button/)

- [x] [IconButton](https://mariuti.com/flutter-shadcn-ui/components/icon-button/)

- [x] [Calendar](https://mariuti.com/flutter-shadcn-ui/components/calendar/)

- [x] [Card](https://mariuti.com/flutter-shadcn-ui/components/card/)

- [ ] Carousel

- [x] [Checkbox](https://mariuti.com/flutter-shadcn-ui/components/checkbox/)

- [ ] Collapsible

- [x] [Combobox](https://mariuti.com/flutter-shadcn-ui/components/select/#with-search)

- [ ] Command

- [x] [Context Menu](https://mariuti.com/flutter-shadcn-ui/components/context-menu/)

- [ ] Data Table

- [x] [Date Picker](https://mariuti.com/flutter-shadcn-ui/components/date-picker/)

- [ ] Drawer

- [x] Dropdown Menu Use Context Menu instead

- [x] [Form](https://mariuti.com/flutter-shadcn-ui/components/form/)

- [x] Hover Card Use Popover instead

- [x] [Input](https://mariuti.com/flutter-shadcn-ui/components/input/)

- [x] [Input OTP](https://mariuti.com/flutter-shadcn-ui/components/input-otp/)

- [x] Label Use Text instead

- [x] [Menubar](https://mariuti.com/flutter-shadcn-ui/components/menubar/)

- [ ] Navigation Menu

- [ ] Pagination

- [x] [Popover](https://mariuti.com/flutter-shadcn-ui/components/popover/)

- [x] [Progress](https://mariuti.com/flutter-shadcn-ui/components/progress/)

- [x] [RadioGroup](https://mariuti.com/flutter-shadcn-ui/components/radio-group/)

- [x] [Resizable](https://mariuti.com/flutter-shadcn-ui/components/resizable/)

- [x] Scroll Area Use SingleScrollView, ListView etc. instead

- [x] [Select](https://mariuti.com/flutter-shadcn-ui/components/select/)

- [x] [Separator](https://mariuti.com/flutter-shadcn-ui/components/separator/)

- [x] [Sheet](https://mariuti.com/flutter-shadcn-ui/components/sheet/)

- [ ] Skeleton

- [x] [Slider](https://mariuti.com/flutter-shadcn-ui/components/slider/)

- [x] [Sonner](https://mariuti.com/flutter-shadcn-ui/components/sonner/)

- [x] [Switch](https://mariuti.com/flutter-shadcn-ui/components/switch/)

- [x] [Table](https://mariuti.com/flutter-shadcn-ui/components/table/)

- [x] [Tabs](https://mariuti.com/flutter-shadcn-ui/components/tabs/)

- [x] [TextArea](https://mariuti.com/flutter-shadcn-ui/components/text-area/)

- [x] [Time Picker](https://mariuti.com/flutter-shadcn-ui/components/time-picker/)

- [x] [Toast](https://mariuti.com/flutter-shadcn-ui/components/toast/)

- [ ] Toggle

- [ ] ToggleGroup

- [x] [Tooltip](https://mariuti.com/flutter-shadcn-ui/components/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

[![Star History Chart](https://api.star-history.com/svg?repos=nank1ro/flutter-shadcn-ui&type=Date)](https://star-history.com/#nank1ro/flutter-shadcn-ui&Date)