@formscn

Production-ready shadcn/ui forms visually with drag-and-drop.

30 components react shadcn-cli

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://www.formscn.space/r/registry.json

pnpm pnpm dlx shadcn@latest add https://www.formscn.space/r/registry.json

bun bunx shadcn@latest add https://www.formscn.space/r/registry.json

fetch registry curl -s https://www.formscn.space/r/registry.json

Components

30 total

base-form block

Base form dependencies

npx shadcn@latest add https://www.formscn.space/r/base-form.json

button ui

Button component

npx shadcn@latest add https://www.formscn.space/r/button.json

card ui

Card component

npx shadcn@latest add https://www.formscn.space/r/card.json

input ui

Input component

npx shadcn@latest add https://www.formscn.space/r/input.json

switch ui

Switch component

npx shadcn@latest add https://www.formscn.space/r/switch.json

textarea ui

Textarea component

npx shadcn@latest add https://www.formscn.space/r/textarea.json

label ui

Label component

npx shadcn@latest add https://www.formscn.space/r/label.json

select ui

Select component

npx shadcn@latest add https://www.formscn.space/r/select.json

checkbox ui

Checkbox component

npx shadcn@latest add https://www.formscn.space/r/checkbox.json

radio-group ui

Radio Group component

npx shadcn@latest add https://www.formscn.space/r/radio-group.json

phone-input ui

Phone input component with country selection

npx shadcn@latest add https://www.formscn.space/r/phone-input.json

field ui

Field components for TanStack Form (Field, FieldLabel, FieldError, FieldDescription)

npx shadcn@latest add https://www.formscn.space/r/field.json

popover ui

Popover component

npx shadcn@latest add https://www.formscn.space/r/popover.json

calendar ui

Calendar component

npx shadcn@latest add https://www.formscn.space/r/calendar.json

progress ui

Progress component

npx shadcn@latest add https://www.formscn.space/r/progress.json

auth-client lib

Better Auth React client utilities

npx shadcn@latest add https://www.formscn.space/r/auth-client.json

Simple email and password login form

npx shadcn@latest add https://www.formscn.space/r/login-form.json

signup-form block

User registration form with email and password

npx shadcn@latest add https://www.formscn.space/r/signup-form.json

contact-form block

Contact form with name, email, subject, and message

npx shadcn@latest add https://www.formscn.space/r/contact-form.json

newsletter-form block

Newsletter subscription form with email frequency selection

npx shadcn@latest add https://www.formscn.space/r/newsletter-form.json

job-application-form block

Job application form with resume and cover letter

npx shadcn@latest add https://www.formscn.space/r/job-application-form.json

feedback-form block

Product feedback form with rating and comments

npx shadcn@latest add https://www.formscn.space/r/feedback-form.json

event-registration-form block

Event registration form with attendee details

npx shadcn@latest add https://www.formscn.space/r/event-registration-form.json

waitlist-form block

Waitlist signup form

npx shadcn@latest add https://www.formscn.space/r/waitlist-form.json

support-ticket-form block

Support ticket submission form

npx shadcn@latest add https://www.formscn.space/r/support-ticket-form.json

booking-request-form block

Booking request form with date and service selection

npx shadcn@latest add https://www.formscn.space/r/booking-request-form.json

ecommerce-checkout-form block

Checkout form with shipping and payment details

npx shadcn@latest add https://www.formscn.space/r/ecommerce-checkout-form.json

onboarding-wizard-form block

Multi-step user onboarding wizard

npx shadcn@latest add https://www.formscn.space/r/onboarding-wizard-form.json

detailed-application-form block

Multi-step detailed application form

npx shadcn@latest add https://www.formscn.space/r/detailed-application-form.json

form-generator lib

Form code generation utilities

npx shadcn@latest add https://www.formscn.space/r/form-generator.json