schema-form-kitJSON-driven forms for Vue 3

Describe a form once in JSON. Get conditional logic, validation, multi-step wizards, repeatable groups and a visual builder.

Get started

Open the builder

GitHub

Framework-agnostic core

Conditions, validation, i18n and schema checks live in a plain TypeScript package with no runtime dependencies.

Conditions that cascade

visibleWhen and conditional required with all / any / not. A field that depends on a hidden field is hidden too, and hidden answers are never submitted.

Wizards and repeatable groups

Split a form into steps that validate before moving on, and let users add items such as work experience, with conditions scoped to each item.

Accessible and themeable

Labels bound to inputs, aria-invalid and aria-describedby, focus on the first error. Every color, radius and spacing is a CSS variable.

Bring your own components

Replace the component for any field type, or skip the renderer and build a custom UI on the headless useSchemaForm composable.

Visual builder

Drag fields, edit properties, write conditions without code, undo and redo, preview, then export the JSON.