Guides for how to use FormBackend with any tech stack

Gatsby

Add a contact form to your Gatsby site with no backend. A complete React example that submits with fetch, shows an inline success message, and reports errors accessibly.

Astro

Add a contact form to your Astro site with no backend. Copy-paste examples for a plain HTML form, a JavaScript submission with an inline thank-you, and the modern Astro Actions approach with server-side Zod validation.

Svelte

Build a Svelte (SvelteKit) contact form with no backend. Copy-paste examples for a plain form, a JavaScript submission with success and error states, and a SvelteKit form action with server-side Zod validation.

NuxtJS

Build a Nuxt contact form with no backend. Copy-paste examples for a plain form, a Vue 3 script-setup submission, validation with Nuxt UI and a Zod schema, and a Nuxt server route that keeps your endpoint private.

React

Build a React contact form with no backend. Copy-paste examples for a plain HTML form, a fetch submission with success and error states, validation with React Hook Form and Zod, and the React 19 form action with useActionState.

Eleventy (11ty)

Add a contact form to your Eleventy (11ty) site with no backend. Copy-paste HTML plus an optional JavaScript submission with an inline thank-you message.

Vue.js

Build a Vue.js contact form with no backend. Copy-paste examples for a plain form, a Vue 3 script-setup submission, two-way binding with v-model, and validation with VeeValidate and Zod.

Next.js

Build a Next.js form with no backend code. Updated for Next.js 15 and the App Router — Server Actions, Zod validation, useActionState, accessible inline errors, plus a legacy Pages Router example.

Jekyll

Add a contact form to your Jekyll site (including GitHub Pages) with no backend or plugin. Copy-paste HTML plus an optional JavaScript submission with an inline thank-you message.

Ghost

Add a contact form to your Ghost site with no plugin using a custom HTML card. Copy-paste HTML plus an optional JavaScript submission with an inline thank-you message.

Webflow

Connect a Webflow form to FormBackend so submissions land in your inbox and dashboard — no submission limits. Works on both hosted and exported Webflow sites.

Framer

Add a working contact form to your Framer site in under 5 minutes. No code required. Get form submissions directly to your inbox with spam protection included.

Hugo

Add a contact form to your Hugo static site with no backend. Copy-paste a layout template plus an optional JavaScript submission with an inline thank-you message.

Wordpress

Learn how to create a custom WordPress contact form without plugins. Pure HTML form with email notifications and spam protection built in.