UI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms.
Features
Visual Builder
Drag and drop interface to create complex forms without writing a single line of code.
Type-safe Output
Generate fully typed forms with validation that works across React, Svelte, and Vue.
Shadcn Integration
Seamlessly works with shadcn/ui components for beautiful, accessible forms.
Form Creation
Easily create forms using a drag-and-drop interface, allowing you to add various input fields like text, number, date, enums, and more.
Field Types
Supports multiple field types including text inputs, dropdowns, checkboxes, radio buttons, and date pickers.
Export/Import
Facilitates exporting and importing forms for easy sharing and reuse.
Editor Preview
Preview your forms in real-time as you edit, ensuring everything appears as intended.
Template Selection
Choose from a variety of pre-designed templates for different purposes like job applications and customer feedback surveys.
Custom Form Creation
Easily create your own forms from scratch to meet specific needs.
Multi-Field Layouts
Includes options for horizontal layouts for fields in forms to enhance user experience.