> ## Documentation Index
> Fetch the complete documentation index at: https://formcarry.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Formcarry is one inbox for every form you run.

It lets you collect submissions from your own forms *without any back-end code*. You can get notification emails for submissions, upload files from your form, benefit from best-in-class spam protection, and integrate with other apps.

Any form that can send an HTTP POST works: an HTML page, a React app, a Webflow or Framer site, WordPress, or a site an AI tool built.

Your browser renders your form, *not formcarry*, so the styles, behavior, and everything else stay entirely in your control. Formcarry just receives what the form sends; there's no server code to write. An AI coding tool connected over MCP can set the form up and read the submission too.

## Endpoint

Every form has one endpoint:

```text theme={null}
https://formcarry.com/s/{form_id}
```

After you create a form, you can find your `{form_id}` on the Setup page of the [dashboard](https://app.formcarry.com). [Sign up](https://app.formcarry.com/register) is free.

## Your first form

To collect a plain HTML form, set its `action` to the endpoint and give every field a `name`.

<Warning>
  A field without a `name` is never sent by the browser and will not reach formcarry.
</Warning>

```html theme={null}
<form action="https://formcarry.com/s/AbC123xyz" method="POST">
  <input type="email" name="email">
  <textarea name="message"></textarea>
  <button type="submit">Send</button>
</form>
```

From JavaScript, send `Accept: application/json` and you get a JSON body instead.

After a visitor submits a form, they see formcarry's thank you page. If you set a redirect, they see your page.

## Where do I start?

Your starting point depends on how you build your forms.

<CardGroup cols={2}>
  <Card title="Quickstart" href="/docs/quickstart">
    <div className="flex flex-wrap gap-3 mb-3">
      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/html.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=44e8f063db1ad5611fd6abec2963d1f2" alt="html" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/html.svg" />
    </div>

    For plain HTML pages. A form, an endpoint, a test submission.
  </Card>

  <Card title="Frameworks" href="/docs/frameworks/react">
    <div className="flex flex-wrap gap-3 mb-3">
      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/react.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=b9cb5623277a9140ea15a1653dc0a054" alt="react" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/react.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/nextjs.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=352a30be095769e32680a4f96d863afb" alt="nextjs" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/nextjs.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/vue.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=c7ad4111f2cc7c56dc340f8224f8eaa6" alt="vue" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/vue.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/svelte.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=29fab51c39a7314a882a0147918fcb3b" alt="svelte" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/svelte.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/jquery.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=131080897abf39f3c430079987fdbb0a" alt="jquery" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/jquery.svg" />
    </div>

    React, Next.js, Vue, Svelte, plain JavaScript and jQuery, each with files, a spam blocker and validation errors.
  </Card>

  <Card title="Site builders" href="/docs/builders/webflow">
    <div className="flex flex-wrap gap-3 mb-3">
      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/webflow.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=76dc32aa65c94fa62b3c5e709365a9a9" alt="webflow" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/webflow.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/framer.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=5a83d2080405eec4e37fda0d9003b04d" alt="framer" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/framer.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/wordpress.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=9e5d68bec02d36d1eb01a5bad44d8d1e" alt="wordpress" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/wordpress.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/wix.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=23c9832ce8164009bb3fa67c8960d7df" alt="wix" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/wix.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/squarespace.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=6559f07b335d95df2a1615d28e7b6dca" alt="squarespace" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/squarespace.svg" />
    </div>

    Webflow, Framer, WordPress, Wix and Squarespace, from the builder's own form settings.
  </Card>

  <Card title="Build with AI" href="/docs/ai/overview">
    <div className="flex flex-wrap gap-3 mb-3">
      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/lovable.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=27ab1c3e3f3ae9263687f4a386715e27" alt="lovable" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/lovable.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/v0.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=741c21ac4c1336ace8627d64b0acc897" alt="v0" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/v0.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/replit.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=7bfb14536b7c2e14ff5ce94fd6a25364" alt="replit" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/replit.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/claude.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=b71e18c01d252e547cf5e6b8e5d5cedd" alt="claude" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/claude.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/openai.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=0db076669386ed72ae054e2f697839fa" alt="openai" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/openai.svg" />
    </div>

    Lovable, v0, Replit, Claude or ChatGPT builds the site. One prompt sets the form up.
  </Card>

  <Card title="Connect over MCP" href="/docs/connect">
    <div className="flex flex-wrap gap-3 mb-3">
      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/claude.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=b71e18c01d252e547cf5e6b8e5d5cedd" alt="claude" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/claude.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/openai.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=0db076669386ed72ae054e2f697839fa" alt="openai" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/openai.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/cursor.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=08fdca34b0bfc12f3b9ed0ad1c53ca49" alt="cursor" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/cursor.svg" />

      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/v0.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=741c21ac4c1336ace8627d64b0acc897" alt="v0" width="22" height="22" noZoom className="platform-logo platform-logo-dark" data-path="images/logos/v0.svg" />
    </div>

    Claude, Codex, Cursor or v0 manages your forms and reads submissions from the chat.
  </Card>

  <Card title="Zapier" href="/docs/integrations/zapier">
    <div className="flex flex-wrap gap-3 mb-3">
      <img src="https://mintcdn.com/formcarry/37sMisv-flqkMacv/images/logos/zapier.svg?fit=max&auto=format&n=37sMisv-flqkMacv&q=85&s=63ea5df90214df8ad7c03d16c67ac679" alt="zapier" width="22" height="22" noZoom className="platform-logo" data-path="images/logos/zapier.svg" />
    </div>

    Send every submission to thousands of apps without code.
  </Card>

  <Card title="Teams" icon="users" href="/docs/features/team-accounts">
    If you run client sites, use one account with one team per client and one form layer under every stack.
  </Card>

  <Card title="API" icon="code" href="/docs/api/overview">
    For custom UIs, the whole backend is the endpoint, webhooks and the API.
  </Card>
</CardGroup>

For more information on what formcarry does with each submission, see [How it works](/docs/how-it-works).

Limits per plan are on the [pricing page](https://formcarry.com/pricing).

## Support

Write to [help@formcarry.com](mailto:help@formcarry.com).

For questions about one form, please include the form id.
