Contact form snippets for every static-site framework.

HTML

The canonical drop-in HTML form. The pattern every other guide builds on.

Astro

Drop the form into a `.astro` page. No client-side JavaScript required.

Next.js

Plain form action in a Server Component, or a Client Component with fetch and success state.

SvelteKit

Plain HTML form in a `+page.svelte`, plus a Svelte 5 fetch handler with `$state`.

Nuxt

Plain form action in a Nuxt page, or `$fetch` in `<script setup>` with success state.

Hugo

Plain HTML form inside Hugo template syntax. No build-time backend required.

Eleventy

Drop the form into a `.njk` or `.html` template. Zero backend, zero JS.

Jekyll

Plain HTML form inside Jekyll's Liquid templates — works on GitHub Pages.

Gatsby

Plain form action in any page, or a React component with fetch + success state.

Vue

Plain HTML form, or a Vue 3 SFC with `<script setup>` and `fetch`.

Remix

Plain form action, or a Remix `useFetcher` posting to Formhook directly.