Flutter Theme Generator

Flutter Theme Generator is a web application designed to simplify the process of creating and configuring themes for Flutter applications. With this tool, developers can easily select and customize theme settings, preview changes in real-time, and finally, generate the main.dart file with their chosen theme configuration.

Features

• Intuitive Theme Customization: Adjust primary, secondary, background, surface colors, and more with an easy-to-use interface.
• Real-time Preview: See your theme changes immediately to ensure they fit your design needs.
• Downloadable main.dart File: Once the theme is configured, download a ready-to-use main.dart file with all the theme settings.
• Preset Themes: Choose from a selection of preset themes to get started quickly or to inspire new designs.
• Custom Font and Icon Settings: Configure font families, icon themes, and text themes to personalize your app's typography and iconography.
• Null Safety Support: Ensures compatibility with Flutter's latest SDK versions.

Getting Started

Prerequisites

Make sure you have the following installed:

• A web browser (recommended: Chrome, Firefox)
• Flutter SDK (optional, for testing generated code locally)

Installation

Since this is a web-based tool, no installation is required. Simply open the app in a browser and start configuring your theme.

Running the App Locally (Optional)

If you want to run the web application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/flutter-theme-generator.git

2. Navigate to the project directory:

   cd flutter-theme-generator

3. Run the app:

   flutter run -d chrome
   

Usage

• Select Colors: Choose colors for primary, secondary, background, surface, and error themes using an intuitive color picker.
• Configure Text and Icon Themes: Customize text styles, font families, icon sizes, and colors to match your app's unique style.
• Real-time Preview: Instantly see how your theme will look on Flutter widgets, making it easy to visualize changes.
• Generate main.dart File: Once you're satisfied with the theme, generate and download a complete main.dart file containing your theme configuration.
• Integrate with Your Project: Place the generated main.dart file into your Flutter project to apply the theme across your app.
• Preset Themes: Get inspired or start quickly by selecting from a range of pre-configured themes as a starting point.

Generated main.dart File

• Complete Theme Setup: The generated main.dart file includes a complete ThemeData setup with all selected colors, typography, and icon configurations.
• Light and Dark Mode Support: Automatically configured themes for both light and dark modes, based on your customizations.
• ColorScheme and TextTheme: Contains ColorScheme and TextTheme configurations, ensuring consistent color and text styling throughout your app.
• Modular and Ready for Integration: The main.dart file is structured for easy integration, allowing you to drop it into your project and apply your custom theme immediately.
• Null Safety and Compatibility: Ensures compatibility with the latest versions of Flutter and Dart, fully supporting null safety.

Contributing

1. Fork the repository.
2. Create a new branch for your feature:

   git checkout -b feature/YourFeatureName

3. Mkae your changes and commit them.
4. Push your branch:

   git push origin feature/YourFeatureName

5. Open a pull request.

License

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

Contact

For questions, feedback, or suggestions, please contact the developer at zeegysolutions.com | zeegysolutions@gmail.com

Happy theming with the Flutter Theme Generator! 🎨🚀