Craft beautiful, accessible, and responsive Flutter UIs with a Modular-UI Design-inspired component library
Get involved : join our discord :)))
WhatsApp.Video.2024-01-07.at.2.22.15.AM.mp4
WhatsApp.Video.2024-01-07.at.2.22.18.AM.mp4
WhatsApp.Video.2024-01-07.at.2.22.16.AM.mp4
- Accordion
- Alert Boxes
- Avatar
- Breadcrumbs
- Button
- Primary Button
- Loading Button
- Gradient Button
- Outlined Button
- Text Button
- Primary Block Level Button
- Gradient Block Level Button
- Loading Block Level Button
- Outlined Block Level Button
- Text Block Level Button
- Auth Buttons
- Card
- Simple 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 ship 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.
While casually scrolling through Twitter, I stumbled upon an intriguing tweet from Luke that sparked a burst of inspiration within me. Fueling my curiosity, I conducted a Poll on Luke's original post, and to my delight, several individuals expressed interest. Emboldened by this positive response, I decided to take the plunge.
Enter Yash, a kindred spirit who shared my enthusiasm. Together, we embraced the challenge with rocket-like enthusiasm ππππππππ.
Sharing our endeavor on Twitter garnered an impressive reception, surpassing even my own expectations. Tweet link
And now, the moment has arrivedβour modular_ui repository is officially public! We're optimistic that it will find a welcoming home among Flutter developers, paving the way for a custom UI library tailored for the Flutter community.