base on From ready-to-use components and flexible layout blocks to smooth animations and striking effects, Flutter Widget Hub is a collection of some pretty UIS aimed at helping developers create beautiful, functional flutter apps quickly and efficiently. # Flutter Widget Hub 🚀 <div align="center"> <img src="https://raw.githubusercontent.com/yunweneric/flutter-widgethub/main/assets/images/fwh.png" alt="Flutter Widget Hub" width="1200"/> <p><strong>Build Stunning Flutter Apps with Ease</strong></p> <p> <a href="https://flutterwidgethub.com/" target="_blank">🌐 Website</a> • <a href="https://github.com/yunweneric/flutter-widgethub/issues" target="_blank">🐛 Issues</a> • <a href="https://github.com/yunweneric/flutter-widgethub/pulls" target="_blank">🤝 Contribute</a> </p> <p> <img alt="GitHub repo size" src="https://img.shields.io/github/repo-size/yunweneric/flutter-widgethub?color=%233867D6&style=for-the-badge"> <img alt="GitHub issues" src="https://img.shields.io/github/issues-raw/yunweneric/flutter-widgethub?color=%233867D6&style=for-the-badge"> <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/yunweneric/flutter-widgethub?color=%233867D6&style=for-the-badge"> <img alt="GitHub forks" src="https://img.shields.io/github/forks/yunweneric/flutter-widgethub?color=%233867D6&style=for-the-badge"> <img alt="Website" src="https://img.shields.io/website?color=%233867D6&style=for-the-badge&up_color=3F51B5&up_message=Visit%20us&url=https%3A%2F%2Fflutterwidgethub.com%2F"> </p> </div> ## 📖 About Flutter Widget Hub is a comprehensive collection of beautiful, ready-to-use UI components for Flutter developers. From pre-built templates and layout blocks to smooth animations and visual effects, everything you need to create stunning Flutter apps is right here. ## ✨ Features ### 🎨 **Templates** Complete app templates and UI clones to jumpstart your projects ### 🧱 **Blocks** Reusable layout components for consistent and responsive designs ### 🎭 **Animations** Smooth, captivating animations that enhance user experience ### ✨ **Effects** Visual effects including shadows, gradients, and complex transformations ## 🚀 Quick Start ### Prerequisites - Flutter SDK (version 3.22.1 recommended) - [FVM](https://fvm.app/) for Flutter version management (optional but recommended) ### Installation 1. **Clone the repository** ```bash git clone https://github.com/yunweneric/flutter-widgethub.git cd flutter-widgethub ``` 2. **Install dependencies** ```bash flutter pub get ``` 3. **Set up environment files** Create a folder called `envs/fwh` outside your project directory and add: - `dev.env.json` for development - `env.json` for production 4. **Run the app** **Development:** ```bash flutter run --target lib/app/core/main_dev.dart ``` **Production:** ```bash flutter run --target lib/app/core/main_prod.dart ``` ### Building for Web (WASM) **Development build:** ```bash flutter build web --wasm --target lib/app/core/main_dev.dart ``` **Production build:** ```bash flutter build web --wasm --target lib/app/core/main_prod.dart ``` ## 🎯 How to Use 1. Browse components in the app 2. Copy the code for any component you like 3. Customize it to fit your needs 4. Integrate into your Flutter project ## 🤝 Contributing We love contributions! Whether you're fixing bugs, adding new components, or improving documentation, your help is welcome. **Quick start:** 1. Fork the repository 2. Create a feature branch 3. Make your changes 4. Submit a pull request 📖 **See our detailed [Contribution Guide](./CONTRIBUTION.md) for more information.** ## 📝 Request a Component Need a specific component that's not available? [Request it here](https://github.com/yunweneric/flutter-widgethub/issues) and we'll work with the community to build it for you. ## 📄 License This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. ## 🆘 Support - **Issues:** [GitHub Issues](https://github.com/yunweneric/flutter-widgethub/issues) - **Email:** [email protected] - **Website:** [flutterwidgethub.com](https://flutterwidgethub.com/) ## 🙏 Acknowledgments A huge thank you to all contributors who have made Flutter Widget Hub possible. Your contributions help the entire Flutter community build better apps faster. --- <div align="center"> <p>Made with ❤️ for the Flutter community</p> <p>⭐ Star this repo if you found it helpful!</p> </div> ", Assign "at most 3 tags" to the expected json: {"id":"12332","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"