DEV Community

Cover image for FormSCN: Visual Form Builder for React Hook Form and TanStack
jQueryScript
jQueryScript

Posted on

FormSCN: Visual Form Builder for React Hook Form and TanStack

FormSCN: a visual form builder that generates production-ready code for shadcn/ui projects.

Key features:

  • Drag-and-drop editor with live preview
  • Exports clean TypeScript with Zod validation
  • Supports React Hook Form and TanStack Form
  • 20+ templates for auth, contact, and checkout forms
  • CLI integration through shadcn add commands
  • Optional Better Auth for OAuth and passkeys

It converts visual designs into standalone components that drop into Next.js, Vite, or Remix. Works with both form libraries without rebuilding your interface.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)