splitforms.com
← Back to the journal

Top 10 React Form Backends: RHF, Vite, and SPA Picks

The 10 best form backends for React apps compared by React Hook Form fit, free limits, webhooks, dashboards, pricing, and static-site deployment.

Start free — 500 submissions/moSee pricing →No credit card. Paid plans from $5/mo.
Framework-specific ranking

React Form Backends, Ranked

React form libraries solve state, validation, dirty fields, arrays, and UI behavior. They do not deliver the submission to your inbox, store the lead, filter spam, retry webhooks, or export a CSV for a client.

This ranking is for React contact forms, landing-page demo requests, Vite apps, client dashboards, and static sites that need a reliable submission layer without building a server.

Top 10 Comparison

Same provider data as the evergreen backend roundup, filtered through what matters for React: deployment model, form action compatibility, webhooks, free plan room, and how much code you need to own.

RankBackendFree planPaid pathWebhooksReact fit
#1splitforms9.7500 submissions/mo$5/mo Pro; $5/mo Pro; $59 long-term planpaid plansBest fit for React Hook Form, uncontrolled HTML forms, Vite apps, and fetch-based submissions.
#2SubmitKit8.8500 submissions/mo€6/mo Pro; €15/mo BusinessPro and aboveStraightforward HTML and fetch integration with EU-hosted storage.
#3Formspree8.650 submissions/mo$10/mo Personal; $20/mo ProfessionalPaid plansHas a React package and plenty of examples; pricing is the main tradeoff.
#4Web3Forms8.3250 submissions/moPro pricing localizes; 10k submissions on ProPaid plansSimple access-key flow works in any React form; dashboard depth is limited.
#5Basin8.150 submissions/mo$12.50/mo Starter billed yearlyGrowth planPolished enough for client-facing work; less attractive if you need low-cost webhooks.
#6Formspark7.9250 submissions total$25 one-time bundle for 50k submissionsPaid bundleGood for low-volume React projects that prefer prepaid credits.
#7Formcarry7.850 submissions/mo$5/mo Starter billed yearlyIntegration limitsA decent React-compatible choice for file upload workflows.
#8Forminit / Getform7.3100 submissions/mo$19/mo Pro billed yearlyPro planFine for React, but not the cheapest path once webhooks matter.
#9Static Forms7.2500 emails/mo$7.50/mo Pro billed yearlyPro planStrong email allowance for simple React forms, with paid integrations.
#10Netlify Forms7.6Unlimited form submissions on credit plans$9/mo Personal; $20/mo ProAvailableFine for Netlify-hosted React sites, but host lock-in is the tradeoff.

Why splitforms Is #1 for React

splitforms lets your React app stay focused on the interface. Use React Hook Form or a basic FormData handler, then send the payload to one endpoint. The service handles email, storage, spam filtering, exports, and webhook delivery.

It is also framework-independent, so the same form backend works if a Vite SPA becomes a Next.js app, an Astro island, or a static marketing site later.

500/mo
Free submissions
$5/mo
Pro
$1+
Webhooks
Any host
Deployment

The Ranking

#1Score 9.7

splitforms

Best fit for React Hook Form, uncontrolled HTML forms, Vite apps, and fetch-based submissions.

Free
500 submissions/mo
Paid
$5/mo Pro; $5/mo Pro; $59 long-term plan
Best for
Agent-built, code-first sites and signed webhook workflows

Pricing source

#2Score 8.8

SubmitKit

Straightforward HTML and fetch integration with EU-hosted storage.

Free
500 submissions/mo
Paid
€6/mo Pro; €15/mo Business
Best for
EU-hosted forms and free file uploads

Pricing source

#3Score 8.6

Formspree

Has a React package and plenty of examples; pricing is the main tradeoff.

Free
50 submissions/mo
Paid
$10/mo Personal; $20/mo Professional
Best for
Teams that want the established brand

Pricing source

#4Score 8.3

Web3Forms

Simple access-key flow works in any React form; dashboard depth is limited.

Free
250 submissions/mo
Paid
Pro pricing localizes; 10k submissions on Pro
Best for
Small email-only HTML forms

Pricing source

#5Score 8.1

Basin

Polished enough for client-facing work; less attractive if you need low-cost webhooks.

Free
50 submissions/mo
Paid
$12.50/mo Starter billed yearly
Best for
Designers who care about dashboard polish

Pricing source

#6Score 7.9

Formspark

Good for low-volume React projects that prefer prepaid credits.

Free
250 submissions total
Paid
$25 one-time bundle for 50k submissions
Best for
Projects that prefer one-time credits

Pricing source

#7Score 7.8

Formcarry

A decent React-compatible choice for file upload workflows.

Free
50 submissions/mo
Paid
$5/mo Starter billed yearly
Best for
File uploads and Stripe-style workflows

Pricing source

#8Score 7.3

Forminit / Getform

Fine for React, but not the cheapest path once webhooks matter.

Free
100 submissions/mo
Paid
$19/mo Pro billed yearly
Best for
Teams that already used Getform

Pricing source

#9Score 7.2

Static Forms

Strong email allowance for simple React forms, with paid integrations.

Free
500 emails/mo
Paid
$7.50/mo Pro billed yearly
Best for
Simple static sites with email-first delivery

Pricing source

#10Score 7.6

Netlify Forms

Fine for Netlify-hosted React sites, but host lock-in is the tradeoff.

Free
Unlimited form submissions on credit plans
Paid
$9/mo Personal; $20/mo Pro
Best for
Sites already hosted on Netlify

Pricing source

Smallest React Example

import { useState } from "react";

export function ContactForm() {
  const [status, setStatus] = useState("idle");

  async function onSubmit(event) {
    event.preventDefault();
    setStatus("sending");

    const formData = new FormData(event.currentTarget);
    formData.append("access_key", import.meta.env.VITE_SPLITFORMS_ACCESS_KEY);

    const response = await fetch("https://splitforms.com/api/submit", {
      method: "POST",
      body: formData,
    });

    setStatus(response.ok ? "sent" : "error");
  }

  return (
    <form onSubmit={onSubmit}>
      <input name="name" placeholder="Name" required />
      <input name="email" type="email" placeholder="Email" required />
      <textarea name="message" placeholder="Message" required />
      <button type="submit" disabled={status === "sending"}>Send</button>
    </form>
  );
}

Want the implementation walkthrough? Read the React form backend guide, the React form library comparison, and the Vite React contact form tutorial. Start with a free access key — 500 submissions/month, no card. See pricing for paid plans.

Pricing Sources

Snapshot checked June 3, 2026. Always verify the live pricing page before moving production forms.

splitforms pricingSubmitKit pricingFormspree plansWeb3Forms pricingBasin pricingFormspark pricingFormcarry pricingForminit pricingStatic Forms pricingNetlify pricing

FAQ

What is the best form backend for React?

splitforms is the best default pick for most React apps because it works with React Hook Form, Vite, plain controlled or uncontrolled forms, and static hosting while including 500 free submissions per month and Starter webhooks.

Can React Hook Form post to a form backend?

Yes. React Hook Form validates and collects the data, then you can POST that data to a hosted endpoint such as splitforms, Formspree, Web3Forms, Basin, or another form backend.

Do I need a backend API for a React contact form?

Not always. If the form only needs email delivery, storage, spam filtering, and webhook forwarding, a hosted form backend is usually simpler than creating an API route, database table, SMTP setup, and webhook queue.

Will these work in Vite React apps?

Yes. The host-independent providers work in Vite, CRA, Remix client forms, Astro React islands, and any SPA that can send a POST request. Netlify Forms is the host-specific exception.

Related articles

More practical guidance from comparisons.

Browse the journal →
Tutorials

How to Add a Contact Form to React Without a Backend 2026

Add a working contact form to any React app in 2026 — controlled inputs, one fetch to a host

9 min readRead →
Comparisons

Multi-Step vs Single-Step Forms: Which Converts Better?

Multi-step vs single-step forms in 2026: single screens win for 3-5 field contact forms; mul

9 min readRead →
Comparisons

Top 10 Astro Form Backends: Static-First Picks for 2026

The 10 best form backends for Astro sites in 2026, ranked — no SSR adapter needed, server-si

10 min readRead →

Explore this topic

Start with the overview, then move into focused guides.

OverviewWhat Is a Form Backend? (Complete Guide)Start here →GuideSelf-Hosted vs SaaS Form BackendRead →GuideForm Backend vs Form BuilderRead →GuideWhere Do Form Submissions Go?Read →ReferenceForm backend guideOpen →

Building forms with ChatGPT, Claude, Cursor, or v0? Connect the native MCP server and give your agent a production form backend.

Explore the MCP server →

Give your form a production backend.

One endpoint adds delivery, spam filtering, storage, and integrations. Start with 500 submissions a month for free.

Create free accountRead the docs →
Secure checkoutSSL encryptionPrivacyProtected
VISAAMERICANEXPRESSstripe