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

<a href="https://www.buymeacoffee.com/nank1ro" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>

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] <strike>Dropdown Menu</strike> Use Context Menu instead
- [x] [Form](https://flutter-shadcn-ui.mariuti.com/components/form/)
- [x] <strike>Hover Card</strike> 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] <strike>Label</strike> 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] <strike>Scroll Area</strike> 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/)
- [ ] 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)
