A Customizable Shadcn-UI for Flutter
shadcn-ui for Flutter
Welcome to the Flutter port of shadcn-ui, a component library originally made for React
developers. This project aims to bring the power and flexibility of shadcn-ui to Flutter developers, allowing them to
easily integrate beautiful and customizable components into their Flutter applications.

Documentation
Explore the comprehensive documentation for fcnui on the docs.
Whether you’re a beginner getting started with fcnui or an experienced developer looking for detailed information on
specific components, the fcnui Docs website has you covered. Dive deep into the world of Flutter development
with fcnui and unleash the full potential of your applications.
Visit fcnui.shoh.dev to access the documentation and accelerate your Flutter development
journey!
Packages
This project consists of the following packages:
cli
The cli package is a Dart-based CLI tool that streamlines the process of working with fcnui. It contains all the
necessary commands to initialize a project, add new components.
fcnui_base
The fcnui_base package is the heart of fcnui. Written in Dart (Flutter), it provides developers with a comprehensive
set of dependencies.
registry
The registry package is a Flutter application designed for testing fcnui components individually. This app serves as
a visual playground where developers can explore and interact with each component in isolation. By including
the fcnui_base, the registry ensures that components are thoroughly tested and ready for integration into real-world
projects.
ui
The ui package is a Next.js application that complements fcnui. It provides an API for all the components
in JSON format, enabling seamless integration with the cli tool.
That’s it! You’re now ready to leverage the power of fcnui in your projects. Happy coding! π
Available Components
- [ ] Avatar
- [ ] Badge
- [x] Button
- [x] Card
- [x] Checkbox
- [ ] Combobox
- [ ] Command
- [ ] Context Menu
- [ ] Data Table π
- [ ] Dialog
- [x] Dropdown
- [x] Form
- [x] Input
- [ ] Menu Bar
- [ ] Navigation Menu
- [ ] Pagination
- [ ] Progress Bar
- [x] Radio
- [ ] Resizable
- [ ] ~~Select~~ -> Dropdown.
- [ ] Sheet
- [ ] Skeleton
- [ ] Slider
- [x] Switch
- [ ] Table π
- [ ] Tabs π
- [ ] Textarea
- [ ] Toast
- [x] ~~Toggle~~ -> Switch.
- [ ] Tooltip
- [ ] Menu Bar π
π – Very Important
WIP – Work in Progress