Form Builder Pro

Drag-and-drop form builder that exports accessible, schema-driven React forms.

ReactZodAccessibility

Overview

Form Builder Pro is a drag-and-drop builder that exports schema-driven React forms. Every generated form is accessible by default, validated with Zod, and ready to drop into any React app.

Key features

Drag-and-drop canvas with nested sections and conditional logic
Zod schema export with type-safe generated components
WCAG-minded output: labels, errors, focus management built in
Live preview with validation playground

Tech stack

ReactTypeScriptZodTailwind CSS

My role

Frontend developer — built the canvas engine and schema exporter.

Challenges

Keeping the exported code clean and human-readable. Solved with a dedicated code printer instead of serializing internal state.