🎨 Form Builder

No fields added yet

Form Title

Submit Button Text

Blur Strength 10px

Background Opacity 0.1

Border Opacity 0.2

Input Padding 14px

Border Radius 10px

👁️ Live Preview

Add fields to see the form preview

Start with one of 8 form presets including Login, Sign Up, Contact, Survey, and more. Each preset comes with pre-configured fields.

Add your own fields by selecting the field type, entering a label, and optional placeholder. Supports 11 different input types!

Adjust blur strength, opacity, border radius, and padding. Change form title and submit button text to match your needs.

Get HTML, CSS, complete page, or React component code. Copy and paste directly into your project. Includes all glassmorphism styles!