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

# Formbase Documentation

> Open-source form backend. Get submissions in your inbox and dashboard. No backend code required.

Formbase is an open-source form backend that receives submissions from any frontend, stores them, and notifies you. You own the UI and validation, while Formbase handles storage, file uploads, and email alerts.

Every form gets a unique endpoint like `https://formbase.dev/s/your-form-id` (or `https://your-domain.com/s/your-form-id` when self-hosted). Browser posts land on a built-in success page, and server submissions return JSON.

<Frame>
  <img src="https://mintcdn.com/formbase/gA9p3Ks8sQ18Mo1W/images/dashboard-with-form.png?fit=max&auto=format&n=gA9p3Ks8sQ18Mo1W&q=85&s=81fc5bd6a0d4d41373911a913df3ef37" alt="Formbase dashboard with form" width="1280" height="720" data-path="images/dashboard-with-form.png" />
</Frame>

<CardGroup cols={2}>
  <Card title="Create your first form" icon="plus" href="/getting-started/creating-your-first-form">
    Set up a form in the dashboard and get your endpoint.
  </Card>

  <Card title="Framework integrations" icon="puzzle-piece" href="/integrations/html-forms">
    React, Vue, Next.js, Svelte, and more.
  </Card>

  <Card title="File uploads" icon="cloud-arrow-up" href="/file-uploads/basic-file-upload">
    Accept files alongside text fields.
  </Card>

  <Card title="Self-hosting" icon="server" href="/self-hosting/requirements">
    Run Formbase on your own infrastructure.
  </Card>
</CardGroup>

## Quick start: Plain HTML

This is the simplest way to use Formbase. Post a standard HTML form and let Formbase handle the redirect.

<Steps>
  <Step title="Create a form endpoint">
    In the Formbase dashboard, create a new form and copy its endpoint URL.
  </Step>

  <Step title="Paste the endpoint into your form">
    Use the endpoint as the form `action`. This works in any static site or template.

    ```html index.html theme={null}
    <form action="https://formbase.dev/s/YOUR_FORM_ID" method="POST">
      <label for="name">Name</label>
      <input id="name" name="name" type="text" required />

      <label for="email">Email</label>
      <input id="email" name="email" type="email" required />

      <label for="message">Message</label>
      <textarea id="message" name="message" required></textarea>

      <button type="submit">Send</button>
    </form>
    ```

    The `name` attributes become the keys in your submission data.
  </Step>

  <Step title="Submit and check your dashboard">
    Submit the form in a browser and confirm the submission appears in the dashboard.
  </Step>
</Steps>

## Why Formbase

<CardGroup cols={3}>
  <Card title="Open Source" icon="github">
    MIT licensed. Self-host or use the managed service.
  </Card>

  <Card title="Great DX" icon="code">
    Works with any framework. No vendor lock-in.
  </Card>

  <Card title="Own Your Data" icon="database">
    Export submissions anytime. No data hostage situations.
  </Card>
</CardGroup>