diff --git a/README.md b/README.md index e557c1b2..f97ec7b4 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,137 @@ # Best-Flutter-UI-Templates -completely free for everyone. Its build-in Flutter Dart. +A comprehensive collection of high-quality Flutter UI templates showcasing beautiful designs, smooth animations, and modern user interfaces. This project demonstrates best practices in Flutter UI development with multiple example applications. - +![Introduction Animation](assets/introduction_animation/introduction_animation.png) -![Image](best_flutter_ui_templates/assets/introduction_animation/introduction_animation.png) -![Image](best_flutter_ui_templates/assets/hotel/hotel_booking.png) -![Image](best_flutter_ui_templates/assets/fitness_app/fitness_app.png) -![Image](assets/custom_drawer.png) -![Image](best_flutter_ui_templates/assets/design_course/design_course.png) +## 🌟 Features -### Some Screenshots +### 1. Introduction Animation +- Elegant onboarding flow with smooth transitions +- Custom animation controllers +- Beautiful splash screens and welcome views +- Interactive page transitions - +### 2. Fitness App UI +- Complete fitness tracking interface +- Custom animated bottom navigation +- Dynamic charts and progress indicators +- Workout tracking screens +- Water intake tracking with wave animations +- Modern and clean design language + +### 3. Hotel Booking UI +- Comprehensive booking interface +- Search and filter functionality +- Room details and gallery views +- Booking process flow + +### 4. Design Course UI +- Course listing and details +- Category navigation +- Interactive elements +- Student progress tracking + +## 🚀 Getting Started + +### Prerequisites +- Flutter SDK +- Dart SDK +- Android Studio / VS Code +- iOS Simulator (for iOS development) +- Android Emulator (for Android development) + +### Installation + +1. Clone the repository +```bash +git clone https://github.com/yourusername/Best-Flutter-UI-Templates.git +``` + +2. Navigate to the project directory +```bash +cd Best-Flutter-UI-Templates +``` + +3. Install dependencies +```bash +flutter pub get +``` + +4. Run the app +```bash +flutter run +``` + +## 📁 Project Structure + +``` +lib/ +├── app_theme.dart +├── main.dart +├── navigation_home_screen.dart +├── custom_drawer/ +├── fitness_app/ +│ ├── fitness_app_home_screen.dart +│ ├── models/ +│ ├── ui_view/ +│ └── my_diary/ +├── introduction_animation/ +│ ├── components/ +│ └── introduction_animation_screen.dart +└── feedback_screen.dart +``` + +## 📦 Dependencies + +Key packages used in this project: +- animations: ^2.0.3 +- font_awesome_flutter: ^10.1.0 +- flutter_rating_bar: ^4.0.1 +- intl: ^0.17.0 + +## 🎨 Theme Customization + +The project includes a comprehensive theming system that can be customized through: +- `app_theme.dart` for global theming +- `fitness_app_theme.dart` for fitness module specific theming +- Support for both light and dark modes + +## 🤝 Contributing + +We welcome contributions to improve these UI templates: + +1. Fork the repository +2. Create your feature branch (`git checkout -b feature/AmazingFeature`) +3. Commit your changes (`git commit -m 'Add some AmazingFeature'`) +4. Push to the branch (`git push origin feature/AmazingFeature`) +5. Open a Pull Request + +## 📄 License + +This project is licensed under the MIT License - see the LICENSE file for details. + +## 🙏 Acknowledgments + +- Flutter team for the amazing framework +- Contributors who have helped in building these templates +- The community for continuous support and feedback + +## 📱 Screenshots + +### Introduction Animation +![Splash Screen](assets/introduction_animation/introduction_image.png) +![Welcome Screen](assets/introduction_animation/welcome.png) + +### Fitness App +![Fitness Home](assets/fitness_app/fitness_app.png) + +### Hotel Booking +![Hotel Home](assets/hotel/hotel_booking.png) + +### Design Course +![Design Course](assets/design_course/design_course.png) + +## 📞 Support + +For support, please open an issue in the GitHub repository or reach out to the maintainers.