UIKit: Learn Flutter Layouts

• 👋 Introduction
• ✨ Features
• 📷 Screenshots
• 🏗️ Project Structure
• 🚀 Getting Started
• 💡 Usage
• 🤝 Contributing
• 📜 License

👋 Introduction

Welcome to the FlutterUIKit documentation! 🎉 FlutterUIKit is a comprehensive collection of demo screens showcasing various layout designs and components in Flutter. This repository serves as a valuable resource for beginners to learn about creating beautiful and responsive user interfaces using Flutter.

Whether you're new to Flutter or looking to enhance your UI design skills, FlutterUIKit provides well-organized, reusable, and cleanly-refactored code examples that you can easily adapt and integrate into your own projects.

✨ Features

• Diverse Demo Screens: Explore a variety of demo screens, each showcasing different Flutter layout designs and UI components.
• Clean and Reusable Code: Each demo screen is meticulously crafted with well-organized, clean, and reusable code, making it easy for beginners to understand and utilize.
• Responsive Design: Learn how to create responsive user interfaces that adapt to different screen sizes and orientations.
• Documentation: Detailed documentation for each demo screen explains the design principles, Flutter widgets used, and best practices applied.
• Easy Integration: Integrate the provided code snippets into your projects to enhance your UI design skills and create stunning Flutter apps.

📷 Screenshots

The name of each file is linked with the .dart file of the page for easy navigation.

Login Page	SignUp Page	Auth Page
Chair Home Page	Sliver Page	Categories Page
Search Page	Progress Page	Explore Books Page
Adventure Page	Stepper Page	Plant Page
Ticket Page	Sushi Page	Furniture Page
Furniture Detail Page	Settings Page	Trip Page
Motivation Page	Hydration Page	Property Page
Home Page	Navigator Page	Welcome Page
Navigator Easy View	Side Drawer	About Us Dialog

🏗️ Project Structure

...
   ├── pages/   # This folder contains all the pages.
   ├── pages/auth/   #This folder contains auth related files.
   ├── dialogs/   # This folder contains dialogs used in the app.
   ├── helper/   # This folder contains helper methods and classes.
   ├── painter/   # This folder contains the custom painter classes.
   ├── layout/   #This folder layout related pages.
   ├── bottomSheet/ # Contains all the bottom sheets used in the app.
   ├── route_generator # Contains all the routes used in the app.
   ├── globals.dart   # Contains all globally used variables. 
   └── main.dart   # Root file of the project

🚀 Getting Started

To get started with FlutterUIKit, follow these steps:

1. Ensure you have Flutter and Dart installed. If not, follow the official installation guide to set up your development environment.
2. Clone this repository: git clone https://github.com/amannegi/FlutterUIKit.git
3. Navigate to the project directory: cd FlutterUIKit
4. Install dependencies: flutter pub get
5. Run the app: flutter run

💡 Usage

Each demo screen is located in its own directory within the lib folder. To learn from a specific demo, navigate to its directory and explore the associated Dart files.

Feel free to use, modify, and integrate the code from FlutterUIKit into your own projects. Experiment, learn, and create stunning UIs with Flutter!

🤝 Contributing

Want to contribute to FlutterUIKit? Check out contributing guidelines.

📜 License

FlutterUIKit is open-source software released under the AGPL-3.0 license.

---

Happy Fluttering! Explore, learn, and create captivating user interfaces with FlutterUIKit. If you find this project helpful, consider giving it a ⭐️ on GitHub. For any questions or feedback, please open an issue.

If I could help you in any way possible, you can contribute. Your contributions motivate me to make my other projects open source.
Buy me a ☕.