Form Builder
for the shadcn ecosystem.

react-jsonschema-form, built on your shadcn/ui components. Render forms from JSON Schema, or build them visually.

npx shadcn@latest add "https://shadcn-rjsf-form-builder.noowah.dev/r/form-builder.json"
Pulls in form-renderer and types automatically.Try the playground

Animated example: a FormSchema rendering into a form, switching locale and theme.

Features

JSON Schema driven

Built on react-jsonschema-form v6. Any valid schema renders as an accessible form.

i18n first

Labels take a string or a locale map. Switch locales at runtime, no extra library.

shadcn primitives

Every widget uses your own shadcn/ui components, so your theme just applies.

Visual builder

Drag-and-drop palette, canvas and settings panel. Exports a FormSchema the renderer consumes.

Install
v0.3.0 · 2026-10-17 · changelog →
Contact Us
Fill out the form below and we'll get back to you.

Personal Information

Open in playground

form-renderer

158installs

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

npx shadcn@latest add "https://shadcn-rjsf-form-builder.noowah.dev/r/form-renderer.json"
Open in playground

form-builder

159installs

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

npx shadcn@latest add "https://shadcn-rjsf-form-builder.noowah.dev/r/form-builder.json"
Community

392 installs and counting.

This is a solo-maintained project — stars, bug reports and feature ideas are what decide the roadmap.