Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
140 changes: 131 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -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.

<a href="https://www.buymeacoffee.com/mitesh"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="60"></a>
![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

<img src="assets/introduction_animation.gif" height="300em"><img src="assets/hotel_booking.gif" height="300em"><img src="assets/custom_drawer.gif" height="300em"><img src="assets/fitness_app.gif" height="300em" /> <img src="assets/design_course.gif" height="300em" />
### 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.