> ## Documentation Index
> 
> Fetch the complete documentation index at: [/docs/llms.txt](/docs/llms.txt)
> 
> Use this file to discover all available pages before exploring further.

[Skip to main content](#content-area)

## 

[​

](#1-create-an-account)

1\. Create an account

Sign up at [osforms.com](https://osforms.com/signup). You’ll receive a 6-digit OTP by email — enter it to verify your account.

## 

[​

](#2-complete-onboarding)

2\. Complete onboarding

Three quick steps:

1.  **Profile** — name, website, role
2.  **Integrations** — connect Resend, Google Sheets, or webhooks
3.  **Test** — submit a test form to verify everything works

## 

[​

](#3-create-a-form)

3\. Create a form

From your dashboard click **New Form**. You’ll get a unique endpoint URL:

```
https://osforms.com/api/v1/f/abc123def456
```

## 

[​

](#4-point-your-html-form-at-the-endpoint)

4\. Point your HTML form at the endpoint

```
<form action="https://osforms.com/api/v1/f/abc123def456" method="POST">
  <input type="text" name="name" placeholder="Name" required />
  <input type="email" name="email" placeholder="Email" required />
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit">Send</button>
</form>
```

On success the user is redirected to your form’s redirect URL (configurable in form settings). For JSON clients, returns `{ "success": true }`.

## 

[​

](#5-configure-integrations)

5\. Configure integrations

Go to **Integrations** in your form and connect:

## Resend

Email notifications on every submission

## Google Sheets

Auto-append rows to a spreadsheet

## Webhook

POST to any URL with HMAC signing

All integrations run in parallel in the background — users get an instant response regardless.

## 

[​

](#6-optional-use-the-react-sdk)

6\. (Optional) Use the React SDK

For embedded or conversational forms:

```
npm install @osforms/react
```

```
import { OSForm } from '@osforms/react';

export default function ContactPage() {
  return (
    <OSForm
      formId="abc123def456"
      mode="conversational"
      fullScreen
      onComplete={() => console.log('submitted!')}
    />
  );
}
```

`framer-motion` is automatically installed as a dependency of `@osforms/react`.

[Introduction](/docs/introduction)[Field Types](/docs/core/field-types)

⌘I