Addons / Form Builder

Form Builder

Forms Free

Schemaless form backend for static sites. Drop in a form, get a dashboard. No server code, no database to manage, no schema migrations.

Dashboard preview
Embed preview
CSV export

Get started with Form Builder

terminal
$ fyra addons create formbuilder --app=your-app
  1. Create the addon with fyra addons create formbuilder --app=your-app
  2. Open the dashboard link Fyra returns, copy the embed snippet
  3. Paste the form + script tag into your HTML, deploy with fyra push — submissions land in the dashboard

Details

About Form Builder

A schemaless form backend for static sites. Any <input>, <textarea>, or <select> with a name attribute becomes a column in your submissions table — no schema to define, no migrations to run. Add or rename fields any time; old submissions keep their original shape, new ones pick up the new fields automatically.

How it works with Fyra

Provisioned through the Fyra CLI and tied to your app. The dashboard authenticates via a signed token from Fyra's SSO flow — no separate login. Origin protection ensures only your registered domains can submit, and submissions are stored in a hosted database you don't have to operate.

Spam defense

Three layers stacked so casual abuse moves on to easier targets. A hidden honeypot field catches bots that auto-fill every input. A time-on-page HMAC token rejects scripts that POST without loading the page first. Per-IP and per-form rate limits cap flood attempts. No CAPTCHA — the cost is paid by the attacker, not your real users.

Features

  • Schemaless Any input with a name becomes a column. No schema, no migrations.
  • Dashboard View submissions, configure redirect URL, manage allowed origins.
  • CSV Export Download every submission for analysis, backup, or migration.
  • Spam Defense Honeypot + time-on-page HMAC + rate limits. No CAPTCHA friction for real users.
  • Origin Protection Only your registered domains can submit. Off-site forgeries get 401'd.
  • Custom Redirects Send users to a thank-you page after submit, or use the default success view.
  • Multi-value Fields Checkbox groups and multi-selects preserved as arrays, not truncated.
  • Zero Config Install, paste the snippet, done. Embed script handles CORS, preflight, signatures.

Embed snippets

Contact form
<!-- Add before </body> --> <form data-formbuilder="fb_abc123"> <input name="name" required> <input name="email" type="email" required> <textarea name="message"></textarea> <button type="submit">Send</button> </form> <script src="https://formbuilder.addons.fyra.sh/f/fb_abc123.js"></script>

The script finds any <form> with a matching data-formbuilder attribute, injects a hidden honeypot field, and intercepts submit to send the data as JSON. On success it swaps the form for a configurable thank-you message.

Newsletter signup
<!-- Minimal single-field form --> <form data-formbuilder="fb_abc123"> <input name="email" type="email" placeholder="you@example.com" required> <button type="submit">Subscribe</button> </form> <script src="https://formbuilder.addons.fyra.sh/f/fb_abc123.js"></script>

Same snippet, fewer fields. The submissions table adapts automatically — every submitted field becomes its own column. Mix and match field types; the dashboard shows whatever shape comes in.