placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder

Code. Deploy. Go.

Manage your forms as code, along with your application or website code. Use our CLI tool to create and deploy forms.

See how it works

1

Code

Forget HTML

Tired of writing boilerplate HTML or fiddling with frameworks just to build a basic form? With .fd files, you define your forms using clean, human-readable syntax — no markup, no mess. Just describe your fields, save, and go.

contact.fd
6
7
8
9
10
11
12
13
14
15
16
17
18
19
type h1
text Contact Form
type text
name full_name
label Full Name
placeholder Enter your full name
validations required|length:2,50
type email
name email_address
label Email Address
placeholder you@example.com
validations required|email
localhost:3000
Contact form

HMR Reloading

Update your form definition file, and see the form in your browser changes immediately

Powerful model

Support for many field types, including validations, labels, help text and more

Works with many frameworks

placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
2

Deploy

Deploy your forms

A friendly CLI that you can run from your local machine or from your CI environment

Bash
@john:~$ my-application/ fd deploy --env staging

Push to deploy

With just one command your forms will be published. Use multiple environments to test your forms before you share them with your users

Bash
✅ 1 form(s) deployed successfully
Deployed forms:
contact-form:
https://forms.form-data.com/ppfm29iG5Ap

Get your public form URL

Once you publish, you will immediately be able to see your form on its own URL, and your users will be able to start using it. You can easily

3

Go

Start the Show

Standalone or embedded

Use it as a standalone link or embed it into your site in 4 flexible ways

Standalone URL

Each form gets its own URL, that you can share and immediately start collecting responses

Inline

Embed your form seamlessly into your website

Popup

Your form will pop in the center of the screen

Side panel

Your form will slide in from the side of the screen

Floating

Your form will open as a floating widget that can be used while the content on the page is still accessible

https://forms.form-data.com/xxx
Form as a Standalone URL

Want to see a live example?

The help widget on the lower-right corner was built using our own embed code

Try it out right-down pointing arrow

Ready to get started?

Create your form now, and start collecting submissions within minutes