Widgets in Flutter 🌟✨

The ultimate playground for Flutter widget exploration! ✨

View Demo • Report Bug • Request Feature

🎭 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

# 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 for a complete list of proposed features and known issues.

💬 Community & Support

• Report bugs through GitHub 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 for creating such an amazing framework
• All Contributors who have helped this project evolve
• 🎨 UI inspiration from Flutter Gallery
• You, for checking out this project! 🙏

---

Made with ❤️ and Flutter

Star ⭐ this repo if you found it useful!

Back to top ↑