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: 5 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-31T16:40:37.000Z (15 days ago)
• Last Synced: 2025-04-02T19:55:47.736Z (13 days ago)
• Topics: flutter, shadcn, shadcn-ui, shadcnui, ui
• Language: Dart
• Homepage: https://flutter-shadcn-ui.mariuti.com
• Size: 2.66 MB
• Stars: 1,774
• Watchers: 14
• Forks: 113
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-flutter - Shadcn - Shadcn-ui port. Fully customizable UI components. (Components / UI)

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.vercel.app/api/server/ZhRMAPNh5Y)](https://discord.gg/ZhRMAPNh5Y)



ShadcnUI ported in Flutter.

Awesome UI components for Flutter, fully customizable.

## Documentation

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

## Progress

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

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

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

- [ ] Breadcrumb

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

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

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

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

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

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

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

- [ ] Carousel

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

- [ ] Collapsible

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

- [ ] Command

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

- [ ] Data Table

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

- [ ] Drawer

- [x] Dropdown Menu Use Context Menu instead

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

- [x] Hover Card Use Popover instead

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

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

- [x] Label Use Text instead

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

- [ ] Navigation Menu

- [ ] Pagination

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

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

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

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

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

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

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

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

- [ ] Skeleton

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

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

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

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

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

- [ ] TextArea

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

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

- [ ] Toggle

- [ ] ToggleGroup

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

## 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)