Build your own HTML form.
Drag in the fields you need. Make the details yours. Copy a working design in plain HTML and CSS, ready for your website. Build contact forms, newsletter signups, waitlists, and feedback forms without writing the markup yourself.
A little canvas for your next form.
Prefer a starting point? Browse the templates
Form builder
3 fields · HTML + CSS
Let’s talk.
Leave a note and we’ll get back to you.
Drag a component here
Powered by Flora
Click to customize · Drag to rearrange
Your design stays in this page while you work. Copy the code before leaving. To receive submissions, replace YOUR_FORM_KEY with a form key from your Flora dashboard.
From an idea to a form on your website.
- 01 / Choose your components.
Add short text, email, phone, number, website, date, long text, dropdown, and checkbox fields. Drag them into order, or use the move buttons in field settings.
- 02 / Make it feel like you.
Edit labels, placeholders, dropdown options, and required fields. Choose an accent colour, field style, and corner radius. Try the desktop and mobile previews before exporting.
- 03 / Copy, connect, and publish.
Copy the HTML and CSS into your website and add your Flora form key. The export includes a spam trap and uses a standard form POST. See the integration docs for setup.
A few things you might be wondering.
Building, exporting, and connecting your form. Here’s what to know before you put it on your website.
Yes. You can build, preview, and copy your form without an account. Receiving submissions through Flora requires an account and a form address. A free tier is available; see plans and limits.
The export is plain HTML and CSS with no JavaScript library required. Use it on a site that lets you add custom HTML and styles. Some website platforms restrict custom code, so check what your editor supports.
After you connect your Flora form address, replies appear in that form’s dashboard. The public builder uses YOUR_FORM_KEY as a placeholder. It does not create an account or connect a receiving address for you, and previews never send submissions.
You can edit the exported HTML and CSS directly. While this page is open, you can also keep changing your design and copy it again. Builder drafts are not saved after leaving or refreshing the page, and edits here do not automatically update your website.
Give your form a home for the replies.
Create a form address in your dashboard, connect it to your design, and start receiving submissions with Flora.