# Frameworks overview

Install FormsReach on HTML, React, Vue, Next.js, Nuxt, WordPress, and more - pick the guide that matches your stack.

## What you will achieve

Find the right how-to for your website stack. Each guide is a step-by-step install with a copy-paste snippet and a verify checklist.

Marketing comparison pages live at [/integrations/](/integrations/). **These docs pages are the how-to source of truth.**

## Choose a path

| If you build with… | Start here | Pattern |
|---|---|---|
| Plain HTML / static site | [HTML](/docs/frameworks/html/) | Form POST |
| Vanilla JS (CDN) | [JavaScript](/docs/frameworks/javascript/) | `@formsreach/js` |
| React | [React](/docs/frameworks/react/) | `@formsreach/react` |
| Next.js | [Next.js](/docs/frameworks/nextjs/) | `@formsreach/react` + Client Component |
| Vue | [Vue](/docs/frameworks/vue/) | `@formsreach/vue` |
| Nuxt | [Nuxt](/docs/frameworks/nuxt/) | `@formsreach/vue` |
| WordPress | [WordPress](/docs/frameworks/wordpress/) | HTML in Custom HTML block |

More stacks (Astro, Svelte, Webflow, Shopify, and others) ship in later docs waves. Until then, use the closest pattern above or the matching [/integrations/](/integrations/) page.

## Official packages

| Package | Install | Guide |
|---|---|---|
| `@formsreach/js` | npm or CDN | [JavaScript](/docs/frameworks/javascript/) · [Programmatic submit](/docs/submit-api/json/) |
| `@formsreach/react` | `npm i @formsreach/react` | [React](/docs/frameworks/react/) · [Next.js](/docs/frameworks/nextjs/) |
| `@formsreach/vue` | `npm i @formsreach/vue` | [Vue](/docs/frameworks/vue/) · [Nuxt](/docs/frameworks/nuxt/) |

Source: [github.com/formsreach/sdk](https://github.com/formsreach/sdk)

CDN for browser drop-in:

```
https://unpkg.com/@formsreach/js/dist/formsreach.min.js
```

## When to use a package vs plain HTML

- **HTML form POST** - simplest path; full page submit is fine
- **JS / React / Vue packages** - AJAX submit, loading and error helpers, no full reload

## After the form works

1. [Email channel](/docs/channels/email/)
2. [Domain allowlist](/docs/submit-api/domains/)
3. [Spam protection](/docs/submit-api/spam/)
4. [WhatsApp](/docs/channels/whatsapp/) on Pro / Agency

## Next

- New here? [Quickstart](/docs/getting-started/quickstart/)
- Pick a guide from the table above