Skip to main content

SchemaForms Data

Schema-driven form builder and renderer for React

npm install @schema-forms-data/renderer react-hook-form lucide-react

30+ Field Types

Text, masked input, date/time, select, multi-select, file upload, CEP auto-fill, terms acceptance, repeatable arrays, and more — all driven by a JSON schema.

Drag-and-Drop Builder

Visual form designer powered by @dnd-kit. Drag fields from the palette, configure them in the panel, and export a ready-to-use FormSchema JSON.

Visual Templates

20+ built-in themes (Card, Glassmorphism, Tabs, Wizard…). Swap them with a single prop or register your own with full CSS variable control.

Fully Type-Safe

Every prop, schema property, and hook is typed end-to-end with TypeScript. Compatible with strict: true and modern moduleResolution modes.

Multi-Step & Conditional Logic

Build wizard flows with multiple steps. Show or hide fields, set values, and create nested AND/OR condition groups — all declaratively in the schema.

Headless & Composable

Inject your own upload handler, ZIP-code lookup, and field resolvers. Replace any field renderer with a custom React component via componentMapper.