Modern Flutter UI Kit #

A modern and customizable Flutter UI kit that provides beautiful components and themes for building stunning applications.

Features #

• 🎨 Modern and customizable theme system
• 🌓 Light and dark theme support
• 🎯 Reusable UI components
• 📱 Responsive design
• 🚀 Easy to use and customize

Screenshots #

Components #

Buttons #

Customizable buttons with different variants:

• Primary
• Secondary
• Outlined
• Text
• Loading state
• With icons

Text Fields #

Enhanced text fields with:

• Labels and hints
• Error states
• Helper text
• Custom styling
• Validation support

Getting Started #

1. Add the package to your pubspec.yaml:

dependencies:
  modern_flutter_ui_kit: ^0.0.1

2. Import the package:

import 'package:modern_flutter_ui_kit/modern_flutter_ui_kit.dart';

3. Wrap your app with the theme provider:

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => ThemeProvider(),
      child: const MyApp(),
    ),
  );
}

4. Use the components in your app:

CustomButton(
  text: 'Click me',
  onPressed: () {
    // Handle button press
  },
  variant: ButtonVariant.primary,
);

CustomTextField(
  label: 'Email',
  hint: 'Enter your email',
  controller: emailController,
  keyboardType: TextInputType.emailAddress,
);

Theme Customization #

The UI kit comes with a default theme that you can customize:

ThemeData(
  useMaterial3: true,
  colorScheme: ColorScheme.light(
    primary: Colors.blue,
    secondary: Colors.green,
    // ... other colors
  ),
  // ... other theme properties
);

Contributing #

Contributions are welcome! Please feel free to submit a Pull Request.

License #

This project is licensed under the MIT License - see the LICENSE file for details.