flutter_moon_ui_kit π
A modern, elegant, and scalable Flutter UI Kit inspired by the Moon design system.
Built for mobile, web, and desktop using clean architecture, responsive layouts, and theming support.
β¨ Features
- π§© Clean, reusable UI components
- π¨ Light & dark theme support
- π± Responsive layouts (PWA + mobile + desktop)
- π‘ Built with Flutter 3.22+ and Material 3
- π₯ Easily extendable for real apps or design systems
π Getting Started
1. Install
Add to your pubspec.yaml:
dependencies:
flutter_moon_ui_kit: ^0.1.0
Or from local path:
dependencies:
flutter_moon_ui_kit:
path: ../flutter_moon_ui_kit
2. Import & Use
import 'package:flutter_moon_ui_kit/flutter_moon_ui_kit.dart';
MoonButton(
label: "Click Me",
onPressed: () {},
);
MoonTag(label: "Design");
π§± Components Included
| Category | Components |
|---|---|
| Buttons | MoonButton |
| Tags/Labels | MoonTag |
| Navigation | MoonTabs |
| Cards | MoonCard |
| Feedback | MoonToast (coming soon: modal, alert) |
| Theme | MoonTheme, MoonColors, MoonTextStyles |
More coming soon: Inputs, Sidebar, Alerts, Modals, and Layouts...
π§βπ» Contributing
We welcome contributions!
- Fork the repo
- Create your feature branch (
git checkout -b feature/YourComponent) - Commit your changes
- Push and create a PR
π License
This project is licensed under the MIT License.
π Author
Maintained by Yeshan Perera.
Inspired by Moon Design System.
Star this repo if you find it useful π« Built with β€οΈ for the Flutter community.