A sleek and intuitive Visual Form Editor that allows users to dynamically build and preview HTML forms using HTML, CSS, and Vanilla JavaScript. The site offers smooth drag-and-drop functionality, live preview, and a JSON export feature, making form creation effortless and efficient.

1. Dynamic Form Builder:

   • Users can easily add:
     • 📝 Input
     • 🔽 Select
     • 🗒️ Textarea
     • ✅ Checkbox
   • Modify labels and placeholders with ease.

2. Endless Elements:

   • Add an unlimited number of form elements dynamically.

3. Form Preview:

   • A preview modal allows users to review the HTML form before saving.
   • Bonus: Includes a Copy HTML button for exporting the form markup.

4. Smooth Theme Toggle:

   • Automatic theme detection based on system settings.
   • Users can switch between light and dark mode with a smooth transition.

5. Drag & Drop Functionality:

   • Reorder form elements by dragging and dropping them.

6. Toast Notifications:

   • Displays toast messages for user feedback (e.g., "Form saved successfully").

7. JSON Export on Save:

   • Prints the form data as JSON in the console for easy debugging and export.

• HTML5 → Structure of the site
• CSS3 → Styling with smooth transitions and responsive design
• Vanilla JavaScript → Dynamic interactions, form builder logic, and DOM manipulations
• FontAwesome → Used via CDN for icons