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