Free Online Tool

Drag & Drop Form Builder

Build HTML forms visually. Drag fields onto the canvas, configure properties, choose Bootstrap, Tailwind, or vanilla CSS — then copy the generated code.


Style CSS Mode

Field types

Text
🗎 Text Input
@ Email
🔒 Password
# Number
📞 Phone
🌐 URL
🖼 Textarea
Choice
▼ Dropdown
⬤ Radio Group
☑ Checkbox
☰ Checkbox Group
Other
📅 Date
🕐 Time
📎 File Upload
⋭ Range Slider
👁 Hidden
Layout
H Heading
Paragraph
― Divider
▶ Submit Button
Form Canvas 0 fields
➕

Drag fields here to build your form

Properties

Select a field to edit its properties.
Code Output

Form Preview

Free Drag & Drop Form Builder

Build HTML forms visually without writing code. Drag fields from the palette, configure labels, placeholders, validation rules, and options in the properties panel, then copy the generated HTML in Bootstrap 5, Tailwind CSS, or vanilla CSS styles.

Supported Field Types

CSS Modes

Choose Bootstrap 5 to get Bootstrap component classes ready to use with the Bootstrap CDN. Choose Tailwind CSS for utility-class output compatible with Tailwind v3. Choose Vanilla CSS for self-contained output with a <style> block.