Craft beautiful, accessible, and responsive Flutter UIs with a Modular-UI Design-inspired component library
Get involved : join our discord :)))
- Accordion
- Alert Boxes
- Avatar
- Breadcrumbs
- Button
- Primary Button
- Loading Button
- Button With Icon
- Block Level Button
- Rounded Button
- Auth Buttons
- Card
- Card With Image
- Primary Card
- Profile Card
- Authentication Card
- Pricing Card
- Blog Card
- Blog Card With Background
- Booking Card
- Testimonial Card
- E-commerce Card
- Checkbox
- Chip
- Collapse
- Carousel
- Dialog
- Drawer
- Footer
- Form
- Gallery
- Icon Button
- Image
- Input Fields
- List Tile
- Navbar
- Popover
- Progress Bar
- Radio Button
- Rating Bar
- Select
- Slider
- Tab View
- Switch
- Ship ModularUI to Pub
- Landing Page
- A Flutter webapp to test every widget.
- CLI tool.
Calling on all the trendsetting Flutter enthusiasts! ❤️🔥 Join forces as we pioneer the creation of the ultimate, expansive, and seamless UI Library for Flutter. Let's make waves together! 🚀
- Run
flutter create .inside the project folder to generate any necessary files - Go inside project root and run
flutter packages pub global activate --source path .and export the PATH if necessary or add the path as an Environment Variable. - Now you can import the local version of modular_ui and test it during your development
dependencies:
modular_ui:
path: <replace_with_cloned_repo_location>
import 'package:modular_ui/modular_ui.dart';in your other flutter project.
ModularUI Design language is inspired by Material Tailwind and shadcn/ui Our current goal is to make as much components as possible and shit this asap, so we might merge any widget that looks like them or if they are consistent with our theme, obviously the future goal would be to make them perfect and consistent.
any widget of ModularUI must follow this naming convention : MUI<widget_name> e.g. MUIPrimaryButton
MUI stands for ModularUI.
- Comprehensive Modular-UI Design components: Build modern and feature-rich interfaces with a wide range of buttons, cards, forms, navigation elements, and more.
- Highly customizable: Tailor components to your exact needs with extensive styling options.
- Responsive design: Ensure optimal UI experiences across different screen sizes.
- Accessibility focus: Built with accessibility in mind, adhering to best practices.
- Lightweight and performant: Efficiently crafted for smooth user interactions.
- Custom themes and color palettes: Define your own visual style for a cohesive look.
- Dark mode support: Seamlessly adapt your UI to user preferences.
- Comprehensive API documentation with examples and usage guidelines.
- Live demos and tutorials showcasing component usage and best practices.
- UNDER DEVELOPMENT
We welcome contributions! Please refer to our contribution guidelines for details.
This project is licensed under the BSD-3.
I was just scrolling twitter and found an interesting tweet from Luke This was my inspiraton, I got inspired from there and out of curiosity I posted a Poll on Luke's original post where some of the folks showed interest, So I decided to let's do it, and then I got connected with Yash, who shared similar interest and we decided to go for it 🚀🚀🚀🚀🚀🚀🚀🚀.
When I posted about it on twitter we got some cool impression, The tweet blew up atleast as of my expectations. Tweet
and here we are, we are finally making modular_ui repo public, we are hoping that it get adopted by a lot of flutter devs so that we can finally have a custom ui library for flutter.