https://github.com/hmziqrs/flutter-ui-designs
Collection of UI designs built with Flutter, runs on any platform: mobile, web & desktop.
https://github.com/hmziqrs/flutter-ui-designs
animations cross-platform dart desktop-app flutter flutter-animations flutter-app flutter-apps flutter-design flutter-desktop flutter-examples flutter-web offline-first parallax parallax-scrolling ui-design web-application
Last synced: 21 days ago
JSON representation
Collection of UI designs built with Flutter, runs on any platform: mobile, web & desktop.
- Host: GitHub
- URL: https://github.com/hmziqrs/flutter-ui-designs
- Owner: hmziqrs
- License: mit
- Created: 2020-02-27T06:09:43.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-11-20T05:30:09.000Z (about 1 year ago)
- Last Synced: 2025-06-02T16:31:56.124Z (8 months ago)
- Topics: animations, cross-platform, dart, desktop-app, flutter, flutter-animations, flutter-app, flutter-apps, flutter-design, flutter-desktop, flutter-examples, flutter-web, offline-first, parallax, parallax-scrolling, ui-design, web-application
- Language: Dart
- Homepage: https://flutter-uis.hmziq.xyz/
- Size: 42.3 MB
- Stars: 317
- Watchers: 11
- Forks: 54
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 🎨 Flutter UI Designs
A comprehensive collection of beautifully crafted Flutter UI implementations supporting web, mobile, and desktop platforms. ✨
## ⭐ Features
- 🌐 Cross-platform support (Web, Android, iOS, Windows, macOS, Linux)
- 📱 Responsive layouts that adapt to different screen sizes
- 🎬 Complex animations and transitions
- 🌍 Internationalization (English, Chinese, Arabic)
- 🌓 Dark/Light theme support
- 🔥 Firebase integration for analytics and crash reporting
- 📦 State management with Provider pattern
- 🏗️ Clean and modular architecture
## 💫 UI Implementations
1. **Healthy Food Delivery** 🥗
- Food listing with parallax effects
- Detailed food item view
- Nutritional information display
- Rating system
2. **Hot Air Balloon** 🎈
- Booking interface
- Flight details and scheduling
- Interactive balloon animations
- Multi-step booking process
3. **Sky View** 🌌
- Planet/Star viewing interface
- Interactive space exploration
- Celestial body details
- Parallax star field effects
4. **Asics Shoes Concept** 👟
- Product showcase
- Color variants
- Size selection
- Product details presentation
5. **Egg Timer Concept** ⏲️
- Circular timer interface
- Gesture-based controls
- Visual time tracking
- Start/pause/reset functionality
6. **Chef Craft** 👨🍳
- Recipe browsing
- Cooking instructions
- Ingredient lists
- Chef profiles
## 🛠️ Setup
1. **Last Tested Version**
```bash
Flutter 3.24.4 • channel stable
Dart 3.5.4
DevTools 2.37.3
```
2. **Enable Platforms** 🖥️
```bash
flutter config --enable-web
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop
flutter config --enable-windows-desktop
```
3. **Installation** 📥
```bash
# Clone repository
git clone https://github.com/hmziqrs/flutter-ui-designs.git
# Install dependencies
flutter pub get
# Run app
flutter run
```
## 📁 Project Structure
```
lib/
├── MiniApps/ # Individual UI implementations
├── configs/ # App-wide configuration
├── Providers/ # State management
├── screens/ # Main app screens
├── services/ # Firebase & platform services
├── statics/ # Static data & models
├── utils/ # Utility functions
└── widgets/ # Reusable widgets
```
## 🔑 Key Components
### Core Architecture 🏛️
- `Navigator.dart` - Custom navigation handling with transitions
- `AppDimensions.dart` - Responsive sizing system
- `AppTheme.dart` - Theme management
- `AppLocalizations.dart` - Internationalization support
### Widget System 🧩
- Screen - Base widget for all screens
- Custom animations
- Reusable UI components
- Platform-specific adaptations
### State Management 📊
- Provider pattern implementation
- Screen-level state isolation
- App-wide state management
- Animation state handling
## 🤝 Contributing
1. Fork repository
2. Create feature branch
3. Commit changes
4. Push to branch
5. Create pull request
## 📲 Download
## 📄 License
This project is licensed under the MIT License. See [LICENSE](LICENSE) for details.
## 🙏 Acknowledgments
- 🎨 UI designs are property of their respective designers
- 👥 Contributors and maintainers
- 💙 Flutter and Dart teams
## 🐛 Found a bug?
Please file an issue with a detailed description on the [GitHub repository](https://github.com/hmziqrs/flutter-ui-designs/issues).
## ⭐ Show Your Support
If you found this project helpful or learned something from it, consider:
- Starring the repository
- Sharing it with others
- Following the contributors
## 🌟 More Open Source Projects
- [Movie Concept App](https://github.com/hmziqrs/invmovieconcept1) - An innovative movie browsing experience built with Flutter
- [React Native Loop Game](https://github.com/hmziqrs/react-native-loop-game) - An engaging mobile game created with React Native
- [CV Template](https://github.com/hmziqrs/cv) - A modern, customizable CV/resume template
## 🔗 Connect With Me
### Social Links
- 𝕏 (Twitter): [@hmziqrs](https://x.com/hmziqrs)
- Telegram: [@hmziqrs](https://t.me/hmziqrs)
### Personal Website
🌐 Visit my personal site [hmziq.rs](https://hmziq.rs/)