Ready-to-Use Contact Forms
Explore a collection of ready-to-use contact form examples for popular platforms and frameworks like HTML, React, Vue, Next.js, Webflow, Astro, Hugo, and more. Each form comes with copy-paste code that connects to Formbold’s free backend API—so you can start collecting submissions without writing a single line of backend code.
All forms are designed to work seamlessly with static sites, JavaScript frameworks, and site builders—making it easy to create contact forms for any website.
Ajax-powered Contact Form
A plain JavaScript fetch form with a status message. No jQuery, no page reload.
Astro Contact Form
A zero-JavaScript Astro component that posts to Formbold on any static host.
Contact Form for Alpine.js
An Alpine.js component with a loading state that posts to Formbold.
Contact Form for Angular
A standalone Angular component that posts JSON to Formbold with HttpClient.
Contact Form for Base44
Post a Base44 shadcn/ui form to Formbold for email alerts, spam filtering and integrations.
Contact Form for Bolt.new
A Bolt.new prompt and component that post your form to Formbold on Bolt hosting or Netlify.
Contact Form for Gatsby
A React component for Gatsby that posts to Formbold. No Gatsby Functions needed.
Contact Form for Lovable
One Lovable prompt that points your contact form at Formbold instead of a Supabase table.
Contact Form for Meku
Prompt Meku once and its React and Tailwind contact form posts straight to Formbold.
Contact Form for Next.js
A client component that posts to Formbold. No API route, and it works with static exports.
Contact Form for Nuxt
A Nuxt component that posts to Formbold with $fetch. No server routes.
Contact Form for React
A React component with loading and status states that posts to your Formbold endpoint.
Contact Form for Replit
A tiny helper that sends any Replit frontend's form to Formbold. No Secrets or SMTP needed.
Contact Form for Same
A Next.js client component for Same.new sites that posts the contact form to Formbold.
Contact Form for Svelte
A Svelte component that posts JSON to Formbold. Works in SvelteKit without a form action handler.
Contact Form for TanStack Start
A TanStack Router file route that posts to Formbold with fetch. No custom server handler.
Contact Form for Vue.js
A Vue 3 component with v-model and fetch that posts to Formbold.
Contact Form for Webflow
Point a Webflow form block at Formbold, or paste the HTML into a Code Embed.
Contact Form for v0
Keep v0's shadcn/ui form and send it to Formbold. Works in preview and on Vercel.
HTML Contact Form
A plain HTML form that emails you each submission. No PHP, no JavaScript.
Hugo Contact Form
A Hugo partial with a plain HTML form that posts to Formbold.
Jekyll Contact Form
A Jekyll include with a plain HTML form. Works on GitHub Pages.