Shadcn Form Builder

I'm building a modern form builder application that allows you to create complex forms with a drag-and-drop interface. This is a fun side project I work on in my free time, and while I'm not full-time on it, I'm actively developing new features and improvements when I can.

Online preview

Visit shadcn-builder.com to try it out!

Features

• 🎨 Drag-and-drop form builder interface
• 📱 Responsive design with mobile-first approach
• 🎯 Real-time preview of your form
• 🧩 Modular component system
• 🔄 Live code generation
• 📦 Easy component installation with shadcn CLI integration (In Progress)

Tech Stack

• Next.js 15
• TypeScript
• Tailwind CSS v4
• shadcn/ui
• DND Kit for drag-and-drop
• TipTap WYSIWYG Editor
• React Hook Form
• Zod for validation

Getting Started

1. Clone the repository
2. Install dependencies:

   yarn install

3. Run the development server:

   yarn dev

Contributing

I welcome contributions! Here's how you can help:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Please make sure to:

• Follow the existing code style
• Keep commits clean and descriptive

License

MIT