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.