FormForge Pro

A powerful drag-and-drop form builder built with vanilla JavaScript. Create beautiful, functional forms visually — no coding required.

✨ Features

• Drag & Drop Builder — Drag elements from the palette onto the canvas, reorder by dragging
• 18 Field Types — Text, Email, Number, Phone, Textarea, Password, Dropdown, Checkbox, Radio, Toggle, Date, File, URL, Slider, Heading, Paragraph, Divider, Spacer
• Live Preview — Toggle between Builder and Preview modes to see your form in action
• Properties Panel — Edit label, placeholder, help text, validation, and options for each field
• Required Validation — Mark fields as required with visual indicators
• Options Editor — Add, edit, remove options for dropdowns, checkboxes, and radio groups
• Export System — Export forms as JSON Schema, HTML, or React JSX
• Code Download — Download exported code or copy to clipboard
• Undo System — Full undo support (Ctrl+Z) with 50-level history
• Keyboard Shortcuts — Delete fields, undo, escape to deselect
• Zero Dependencies — Pure HTML/CSS/JavaScript, no frameworks

🚀 Live Demo

View Live Demo →

🛠️ Tech Stack

• HTML5 + CSS3 (Custom Properties, Grid, Flexbox)
• Vanilla JavaScript (ES6+)
• No build tools, no dependencies

📦 Getting Started

# Clone the repository
git clone https://github.com/Dev2ProductionTech/formforge-pro.git
cd formforge-pro

# Open in browser
open index.html

📄 License

MIT — Built by Dev2Production