Form Dynamic Builder is a powerful Flutter-based drag-and-drop form builder that allows users to create fully dynamic and interactive forms with advanced logic capabilities.
🌐 Live Demo: Demo
- 🔧 Drag & Drop Interface: Easily add and position multiple form components visually.
- 🧠 Conditional Logic: Enable or disable components based on complex conditions involving the values of other components.
Example: Field X is only enabled when Field Y and Z's values are both greater than 10. - 🔗 Value Dependency: Make one component's value depend on the processed values of others.
Example: Field X's value is always half of Field Y's value. - 📦 JSON Output: Export your entire form as a clean and structured JSON configuration.
- 📋 One-Click Copy: Easily copy the generated JSON configuration to your clipboard.
- ☁️ Deployed on Firebase: Fully functional live deployment using Firebase Hosting.
- Flutter – UI development
- Riverpod – State management
- Firebase Hosting – Live deployment
Coming soon – or you can visit the live demo to explore.
- Go to the live demo.
- Drag components into the canvas.
- Set properties, dependencies, and conditions.
- Click to preview or export your form in JSON format.
- Component grouping and reusable blocks
- Validation rules per field
- Backend saving and retrieval of saved forms
- Dark mode
To run this project locally:
git clone https://github.com/taylanyildiz/form_dynamic_builder
cd form_dynamic_builder
flutter pub get
flutter run -d chrome