react-jsonschema-form × shadcn/ui

Form Builder
for the shadcn ecosystem.

Copy-paste RJSF form components via the shadcn CLI. JSON Schema driven, i18n ready, and built entirely on your existing shadcn/ui primitives.

View DemoStar on GitHub
Features
01

JSON Schema Driven

Built on react-jsonschema-form v6. Any valid JSON Schema definition renders as a fully accessible, styled form — no mapping layer needed.

02

i18n First

LocalizedString accepts a plain string or a locale-keyed map. Switch locales at runtime. No rebuilds, no separate i18n library required.

03

shadcn Primitives

Every widget — Input, Select, Checkbox, RadioGroup — is built on your existing shadcn/ui components. Fully themeable, zero style overrides.

04

Visual Builder

Drag-and-drop form builder with a live preview pane and schema inspector. Build visually, export a FormSchema, wire directly to the renderer.

Install
form-builder-typeslib

Type definitions and utilities for the RJSF form builder: schema conversion, i18n, and validation.

npx shadcn@latest add "https://raw.githubusercontent.com/henrynoowah/shadcn-rjsf-form-builder/main/apps/web/public/r/form-builder-types.json"
@rjsf/utils@rjsf/validator-ajv8
form-rendererui

A themed RJSF form renderer with shadcn/ui-styled widgets, fields, and templates.

npx shadcn@latest add "https://raw.githubusercontent.com/henrynoowah/shadcn-rjsf-form-builder/main/apps/web/public/r/form-renderer.json"
@rjsf/core@rjsf/utils@rjsf/validator-ajv8@tabler/icons-reactclsxtailwind-merge
form-builderui

A visual drag-and-drop form builder with field palette, canvas, and settings panel.

npx shadcn@latest add "https://raw.githubusercontent.com/henrynoowah/shadcn-rjsf-form-builder/main/apps/web/public/r/form-builder.json"
@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilitiesnanoid@tabler/icons-react