Add a Form Backend to Your React App in Minutes

FormsList provides the simplest way to add a powerful form backend to your React application. Instead of building your own API routes, setting up databases, and writing server-side validation logic, you can point your React form at a FormsList endpoint and start collecting submissions immediately. Whether you're building a contact form, a feedback widget, or a lead capture page, FormsList handles the heavy lifting — spam filtering, email notifications, file uploads, and integrations with tools like Slack, Google Sheets, and Zapier. Your React code stays clean and focused on the user experience. FormsList works seamlessly with controlled and uncontrolled React components alike. Use the native fetch API, axios, or even a plain HTML form action — the choice is yours. With zero server-side code required, FormsList is the perfect companion for React apps hosted on static platforms like Vercel, Netlify, or GitHub Pages.

Setup React with FormsList

1

Create your form endpoint

Sign up at FormsList and create a new form. Copy the unique endpoint URL you receive.

// Your endpoint will look like this:
const FORM_URL = "https://formslist.com/f/YOUR_FORM_ID";
2

Build your React form component

Create a form component using useState to track submission state. Use the Fetch API to POST form data to your FormsList endpoint.

async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
  e.preventDefault();
  const data = new FormData(e.currentTarget);
  await fetch("https://formslist.com/f/YOUR_FORM_ID", {
    method: "POST",
    body: data,
  });
}
3

Configure notifications and integrations

In the FormsList dashboard, set up email notifications, connect Slack, or add a Google Sheets integration so submissions arrive wherever your team works.

Why use FormsList with React?

Works with controlled and uncontrolled React components
Supports FormData and JSON request bodies
No server-side code or API routes required
Built-in spam protection with reCAPTCHA and Turnstile
File upload support out of the box
Instant email and Slack notifications on submission

Frequently Asked Questions

Ready to collect form submissions?

Set up your form backend in under a minute. No server required, no complex configuration — just a simple endpoint for your forms.