Stop copying form code. Design shadcn/ui forms visually with drag-and-drop, see live preview, and export production-ready TypeScript.
Choose React Hook Form or TanStack Form.
Built exclusively for shadcn/ui. Every form uses your existing components—Button, Input, Select, and more. No learning curve.
Build forms visually, see live preview, and watch your code update in real-time. No more copy-pasting examples.
Toggle between React Hook Form and TanStack Form. Same visual builder, different output—you own the code.
Every form auto-generates a Zod schema. Full TypeScript support with inferred types for your form data.
Build complex onboarding flows and checkouts. State management and per-step validation handled automatically.
Optional one-click auth. Add 2FA, Passkeys, Magic Links, and OAuth providers to your shadcn forms instantly.
Don't start from scratch. Clone these shadcn/ui templates and customize them in the visual builder.
User registration form with email and password (auth optional)
Simple email and password login form (auth optional)
Two-factor authentication verification form (Better Auth plugin optional)
Invite members to your organization (Better Auth plugin optional)
Register and manage secure passkeys (Better Auth plugin optional)
User profile update form with name, email, bio, and avatar
UPDATED WEEKLY • COMMUNITY CONTRIBUTIONS WELCOME