Stop copying form code. Design shadcn/ui forms visually with drag-and-drop, see live previews, and export production-ready Code.
Supports React Hook Form &amp; TanStack Form.
Now Publicly Available : <a href="https://www.formscn.space/" target="_blank" rel="noopener nofollow">Link</a>
Features:
<ul>
<li>Drag &amp; Drop Visual Editor: Build forms visually with real-time code generation and live preview of shadcn/ui components.</li>
<li>Form Library Choice: Switch effortlessly between React Hook Form and TanStack Form.</li>
<li>Automatic Zod Schemas: Generates fully typed Zod validation schemas with inferred TypeScript types for form data.</li>
<li>Multi-Step Wizards: Create complex multi-page forms with automatic state management and per-step validation.</li>
<li>Better Auth Integration: Add 2FA, Passkeys, Magic Links, OAuth providers, and more in one click.</li>
<li>Template Library: Ready-to-clone shadcn/ui templates (Signup Form, 2FA Setup, Org Invitation, Passkey Management, Profile Settings, etc.).</li>
<li>shadcn/ui Native: Built exclusively for shadcn/ui components (Input, Button, Select, etc.)—no extra learning curve.</li>
<li>Production-Ready Export: Download clean, copy-paste TypeScript code that integrates directly into your project.</li>
<li>Formscn Package: Ready to shadcn form with an npm package, just pass the schema, let package handle the ui.</li>
<li>Ai Schema Generation: Generate schema with help of Ai or manually paste your schema and it will generate the form ui.</li>
</ul>

This squad was established to be able to share anything about development. Post, Comment, and Upvote!

Dev World

Formscn is a visual form builder for shadcn/ui that lets developers drag and drop components to generate production-ready TypeScript code. It supports React Hook Form and TanStack Form, auto-generates Zod validation schemas, handles multi-step wizards, and integrates with Better Auth for features like 2FA and passkeys. An npm package and AI-assisted schema generation are also included.

Build Forms with ease using Formscn