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 full theming support.

✨ Features #

• 🧩 Dozens of clean, reusable UI components
• 🎨 Light & dark theme support with extendable tokens
• 📱 Responsive layouts (PWA + mobile + desktop)
• 🧱 Consistent design system structure
• 💡 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.0.2

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 #

✅ All components are responsive and support light/dark modes.

📦 Example App #

Explore the full component catalog in the example app included in this repo.

cd example
flutter run -d chrome

🧑‍💻 Contributing #

We welcome contributions!

1. Fork the repo
2. Create your feature branch (git checkout -b feature/YourComponent)
3. Commit your changes
4. Push and create a PR

📄 License #

This project is licensed under the MIT License.

🙌 Author #

Maintained by Yeshan Perera • yeshanperera.com

Inspired by Moon Design System.

🌟 Star this repo if you find it helpful — built with ❤️ for the Flutter community.