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!

  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.

Inspired by Moon Design System.

Star this repo if you find it useful 💫 Built with ❤️ for the Flutter community.

Libraries

flutter_moon_ui_kit