Vyuh Form Editor

Dynamic Form Builder

A visual form builder and runtime engine for Flutter. Create complex, data-driven forms with validation, conditional logic, and dynamic field generation.

Why Form Editor?

Visual Designer

Drag-and-drop form builder with real-time preview and layout controls.

Rich Validation

Built-in validators plus custom rules with async validation support.

Conditional Logic

Show/hide fields, sections, and pages based on form state.

Custom Fields

Extend with custom field types, renderers, and data bindings.

Quick Example

// Define a form schema
final registrationForm = FormSchema(
  id: 'registration',
  title: 'User Registration',
  fields: [
    TextField(
      name: 'fullName',
      label: 'Full Name',
      validators: [Required(), MinLength(2)],
    ),
    EmailField(
      name: 'email',
      label: 'Email Address',
      validators: [Required(), Email()],
    ),
    SelectField(
      name: 'role',
      label: 'Role',
      options: ['Developer', 'Designer', 'Manager'],
    ),
    ConditionalField(
      name: 'teamSize',
      label: 'Team Size',
      visibleWhen: (values) => values['role'] == 'Manager',
      field: NumberField(validators: [Min(1), Max(50)]),
    ),
  ],
  onSubmit: (values) => submitRegistration(values),
);

// Render the form
VyuhForm(
  schema: registrationForm,
  theme: VyuhFormTheme.modern(),
);

Field Types

Text

Email

Number

Date

Select

Checkbox

Radio

File

Core Features

ResponsiveAdapts to any screen size

i18n ReadyMulti-language support built-in

Data BindingConnect to any data source

Coming Soon

Comprehensive documentation is being developed. Check back soon for:

• Installation and setup guide
• Form schema reference
• Custom field development
• Validation patterns
• Integration examples