@formcn

A shadcn/ui-based form builder that generates production-ready single-step and multi-step form code without AI inconsistency. Outputs React components using shadcn primitives, Zod validation (client and server), and Tailwind CSS. Includes Formcn AI scaffolding to auto-generate field configurations, support for stepper, tag-input, and standard form controls, plus a one-command shadcn registry install. Free and open-source. Use for: rapidly scaffolding validated, accessible forms in Next.js projects without hand-writing repetitive form boilerplate.

9 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://formcn.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://formcn.dev/r/registry.json

bun bunx shadcn@latest add https://formcn.dev/r/registry.json

fetch registry curl -s https://formcn.dev/r/registry.json

Components

9 total

Tag Input component

Tag input component

npx shadcn@latest add https://formcn.dev/r/tag-input.json

Password component

Password input with show/hide toggle

npx shadcn@latest add https://formcn.dev/r/password.json

Multi-select component

Multi-select dropdown

npx shadcn@latest add https://formcn.dev/r/multi-select.json

Rating component

npx shadcn@latest add https://formcn.dev/r/rating.json

File Input component

File upload component

npx shadcn@latest add https://formcn.dev/r/file-upload.json

file upload hook hook

state management hook for file upload component

npx shadcn@latest add https://formcn.dev/r/use-file-upload.json

Multi-step viewer hook hook

Multi-step viewer hook

npx shadcn@latest add https://formcn.dev/r/use-multi-step-viewer.json

Multi-step form component

Multi-step form

npx shadcn@latest add https://formcn.dev/r/multi-step-viewer.json

Stepper component

npx shadcn@latest add https://formcn.dev/r/stepper.json