Quick start

1. Build a form. Open the demo. It is a real workspace, already signed in, with nothing to install.

   Open the live demoStart free

2. Copy the snippet. The Share panel gives you the line for whichever mode you want.

   index.html

   <formbuilder-form form="YOUR-FORM-ID"></formbuilder-form>
   <script type="module" src="https://forms.justinjongstra.nl/formbuilder/asset/element.js"></script>

3. Paste it. Anywhere in the page body. That is the whole integration.

The result

The form below is live: the same form, on this page, submitting for real.

Where to go next

• Custom element: the recommended mode and its attributes
• Astro, Nuxt, EmDash: framework notes
• Events: reacting to a submission on your own page