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