Dynamic Form Builder #

A Flutter package to dynamically generate multi-step forms using JSON configuration or render single fields independently.

✨ Features #

• Stepper UI based on JSON-defined steps
• All standard input fields (TextField, Dropdown, Checkbox, Radio, Switch, Slider, Date/Time)
• Plugin-based fields: Image Picker, File Picker, Signature Pad, Rating Bar
• Custom validation via regex
• Alignment and layout customization
• Render any single field independently (without JSON)

🚀 Getting Started #

1. Add dependency #

dependencies:
  dynamic_ui_builder:
    git:
      url: https://github.com/AkshayJayale/DynamicFormBuilder.git

2. Import the package #

import 'package:dynamic_ui_builder/dynamic_ui_builder.dart';

3. Define your JSON config (for full form) #

const formJson = [
  {
    "type": "text",
    "label": "Name",
    "key": "name",
    "hint": "Enter your name",
    "regex": "^[a-zA-Z ]+",
    "step": 0
  },
  {
    "type": "signature",
    "label": "Signature",
    "key": "signature",
    "step": 1
  }
];

4. Use DynamicFormBuilder (Multi-step Form) #

DynamicFormBuilder(
  jsonConfig: formJson,
  onSubmit: (result) {
    print(result);
  },
)

✅ Use Single Field Without JSON #

DynamicFormField(
  config: FormFieldConfig(
    type: 'text',
    label: 'Email',
    key: 'email',
    regex: r'^[^@]+@[^@]+\.[^@]+\$',
    error: 'Invalid email',
  ),
  onSaved: (value) => print('Saved: \$value'),
)

📦 Supported Field Types #

📝 License #

MIT

Built with by Akshay