Serializable Form Builder

Open Source

Build forms visually.
Export as JSON Schema.

A drag-and-drop form builder that generates serializable field configurations and Zod-compatible JSON schemas. Design once, render anywhere.

Try the demoGitHub
12 field typesZod schemasJSON export

Features

Everything you need to build forms

A complete toolkit for visual form design with serializable output you can store, transfer, and render anywhere.

Drag & Drop Builder
Compose forms by dragging field types onto a visual canvas. Reorder with intuitive drag handles.
12 Field Types
Text, email, URL, phone, number, date, password, file upload, select, multi-select, checkbox, and textarea.
Zod Schema Generation
Automatically generates Zod validation schemas from your form configuration with full type safety.
JSON Schema Export
Export form definitions as portable JSON. Field configs and schemas are fully serializable.
Validation Rules
Configure min/max length, patterns, email format, URL format, and custom error messages per field.
Real-time Preview
See your form take shape as you build. Select any field to configure its properties in the settings panel.

Demo

Try it yourself

Drag fields onto the canvas, configure them, and export the result.

Drag and drop form elements here
No field selected

Select a field to edit its settings