FormBuilder

Build form by dragging and dropping. Share this form and collect responses and data :)

We online now: https://form-builder-blush.vercel.app/

Stack:

• TypeScript
• NextJS
• Prisma
• Vercel
• Clerk (Auth)
• Tailwind CSS
• DndKit
• React-Hook-Form
• zod

Features:

• Responsive design.
• Create forms with a stunning drag-and-drop designer.
• Layout fields: Title, SubTitle, Spacer, Separator, Paragraph.
• Form fields: Text, Number, Select, Date, Checkbox, Textarea.
• Easy addition and customization of new fields.
• Form preview dialog.
• Share form URL.
• Form submission and validation.
• Form statistics: track visits and submissions.

UI:

• shadcn/ui