https://github.com/sazardev/widgets_in_flutter
Welcome to widgets_in_flutter, a vibrant and dynamic Flutter package that brings all the widgets in Flutter to life! This project is all about visualizing and interacting with Flutter widgets in a fun and engaging way.
https://github.com/sazardev/widgets_in_flutter
contribution contributions-welcome example-code examples flutter flutter-demo flutter-ui flutter-widget free free-for-u open-source
Last synced: 3 months ago
JSON representation
Welcome to widgets_in_flutter, a vibrant and dynamic Flutter package that brings all the widgets in Flutter to life! This project is all about visualizing and interacting with Flutter widgets in a fun and engaging way.
- Host: GitHub
- URL: https://github.com/sazardev/widgets_in_flutter
- Owner: sazardev
- License: apache-2.0
- Created: 2024-03-01T16:34:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-02T19:54:10.000Z (7 months ago)
- Last Synced: 2025-06-10T05:07:35.471Z (4 months ago)
- Topics: contribution, contributions-welcome, example-code, examples, flutter, flutter-demo, flutter-ui, flutter-widget, free, free-for-u, open-source
- Language: Dart
- Homepage: https://cerberusprogrammer.github.io/widgets_in_flutter/
- Size: 7.15 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Widgets in Flutter 🌟✨
[](https://github.com/CerberusProgrammer/widgets_in_flutter/stargazers)
[](https://github.com/CerberusProgrammer/widgets_in_flutter/network/members)
[](https://github.com/CerberusProgrammer/widgets_in_flutter/issues)
[](https://github.com/CerberusProgrammer/widgets_in_flutter/blob/main/LICENSE)
**The ultimate playground for Flutter widget exploration!** ✨
[View Demo](https://cerberusprogrammer.github.io/widgets_in_flutter/) •
[Report Bug](https://github.com/CerberusProgrammer/widgets_in_flutter/issues/new?template=bug_report.md) •
[Request Feature](https://github.com/CerberusProgrammer/widgets_in_flutter/issues/new?template=feature_request.md)
## 🎭 What is Widgets in Flutter?
Ever wondered how all those wonderful Flutter widgets actually look and behave? Welcome to your new favorite playground! `widgets_in_flutter` is a living gallery of Flutter's widget ecosystem where you can:
- 👀 **See widgets in action** - No more guessing how widgets will look
- 🎨 **Play with parameters** - Tweak settings and watch changes in real-time
- 📚 **Learn from examples** - Each widget comes with code samples you can copy
- 🎮 **Have fun exploring** - Because learning should be enjoyable!
## ✨ Features That Make You Go "Wow!"
| 🌈 Theme Switching | 🌓 Dark/Light Mode | 🎛️ Live Customization | 📱 Responsive Design |
|:------------------:|:------------------:|:----------------------:|:--------------------:|
| Change app colors on the fly | Toggle between dark and light themes | Modify widget parameters in real-time | Works on all screen sizes |
- 🧩 **Complete Widget Collection**: From basic Text to advanced CustomPaint
- 🔄 **Material 2 vs Material 3**: Toggle between design systems with one tap
- 📋 **Copy-Paste Ready Code**: Grab code snippets for your own projects
- 🔍 **Search Functionality**: Find exactly what you need quickly
- 🚀 **Performance Optimized**: Smooth experience, even with complex widgets
## 🚀 Getting Started in 3...2...1...
### Prerequisites
- Flutter SDK (3.0.0 or later)
- Dart SDK (3.12.0 or later)
- A sense of curiosity and adventure! 🗺️
### Installation
```bash
# Clone this repository (The fun begins here!)
git clone https://github.com/CerberusProgrammer/widgets_in_flutter.git
# Navigate to the project folder
cd widgets_in_flutter
# Install dependencies (Get the goodies!)
flutter pub get
# Run the app and start exploring!
flutter run
```
## 🗺️ Project Structure
```
widgets_in_flutter/
├── 📁 assets/ # Images, icons, and other static files
├── 📁 lib/ # Source code
│ ├── 📁 core/ # Core functionality
│ ├── 📁 widgets/ # Widget demonstrations
│ │ ├── 📁 actions/ # Action widgets
│ │ ├── 📁 basic/ # Basic widgets
│ │ ├── 📁 layout/ # Layout widgets
│ │ └── ... # Other widget categories
│ ├── 📁 code/ # Code display components
│ └── main.dart # Entry point
└── 📝 README.md # You are here! 👋
```
## 🏗️ Want to Contribute? It's Party Time! 🎉
Contributions make the open-source community an amazing place to learn, inspire, and create. Any contribution you make is **greatly appreciated**!
### Here's How You Can Join the Fun:
1. **Fork the Project** 🍴
2. **Create your Feature Branch** (`git checkout -b feature/AmazingFeature`)
3. **Add a New Widget or Improve Existing Ones** 🛠️
4. **Commit your Changes** (`git commit -m 'Add some AmazingFeature'`)
5. **Push to the Branch** (`git push origin feature/AmazingFeature`)
6. **Open a Pull Request** 🎯
Check out our CONTRIBUTING.md for more details on our code of conduct and development process.
### Ideas for Contributors:
- 🧩 Add a new widget demonstration
- 📝 Improve documentation or add more code examples
- 🐞 Fix bugs or improve existing features
- 🌐 Add localization support for another language
- ✅ Write tests for existing functionality
## 🗓️ Roadmap: The Adventure Continues!
- [ ] Add animation examples for each widget
- [ ] Create a "playground" mode where users can modify widget parameters
- [ ] Add more detailed explanations for complex widgets
- [ ] Implement a favorites system
- [ ] Create widget comparison views
- [ ] Support for custom themes
See the [open issues](https://github.com/CerberusProgrammer/widgets_in_flutter/issues) for a complete list of proposed features and known issues.
## 💬 Community & Support
- **Report bugs** through [GitHub Issues](https://github.com/CerberusProgrammer/widgets_in_flutter/issues)
- **Request features** that would make this app even more amazing
- **Join discussions** about widgets and Flutter development
## 📜 License
This project is distributed under the MIT License. See LICENSE for more information.
## 💖 Acknowledgements
- [Flutter Team](https://flutter.dev/) for creating such an amazing framework
- [All Contributors](https://github.com/CerberusProgrammer/widgets_in_flutter/graphs/contributors) who have helped this project evolve
- 🎨 UI inspiration from [Flutter Gallery](https://gallery.flutter.dev/)
- You, for checking out this project! 🙏
---
### Made with ❤️ and Flutter
**Star ⭐ this repo if you found it useful!**
Back to top ↑