Shadcn UI Multi Form is a modern, visual form builder for React that lets you craft single and multi-step flows with shadcn/ui, React Hook Form, and Zod. Build fast, preview instantly, and export clean, production-ready TypeScript code.
- Visual builder for single and multi-step forms
- Real-time preview with React Hook Form + Zod validation
- Code generator with clean, reusable React + TypeScript output
- Layout elements: Two Columns and Separator
- Rich input library including Combobox, Multi Select, Signature, Phone, Date Picker, Slider, and more
- Modern, minimal UI with polished interactions
- Faster form delivery: drag, configure, preview, export
- Developer-first output: TypeScript code you can own and extend
- Consistent UI: built on shadcn/ui components
- Install dependencies
- Run the dev server
- Open the app
- Form Builder: Build and configure fields with a clean properties panel
- Layouts: Two Columns and Separator for structured layouts
- Inputs: Text, Email, Password, Textarea, Select, Combobox, Multi Select, Checkbox, Switch, Date Picker, Input OTP, Slider, Phone, Signature, File, and Rich Text
- Validation: Required, min/max length, and input-specific rules backed by Zod
- Codegen: Generate ready-to-use React + TypeScript form code
- Combobox (searchable single select)
- Multi Select (chips)
- Signature (canvas capture)
- Radio Group, Select, Slider, Date Picker
- File Upload, Phone Input, OTP, Rich Text
app/(builder) - Form builder experienceapp/(landing) - Marketing site and docslib/builder - Registry, schema, and codegencomponents/ui - shadcn/ui components and custom inputs
- Next.js
- React
- TypeScript
- shadcn/ui
- Tailwind CSS
- Zustand
- React Hook Form
- Zod
- Advanced builder UX: duplicate, copy/paste, keyboard shortcuts, undo/redo
- Conditional logic and field arrays
- More layout presets (tabs, sections, repeaters)
If you find bugs, have feature ideas, or want improvements, please open an issue.
All upcoming major enhancements are tracked in the Changelog and Project Roadmap.
This project is completely open source under the MIT License.
gem-hunter