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

# Form Filling SDK Installation

> Install the Suki Form filling SDK in your JavaScript or React application

Add the Form filling SDK to your project in two steps:

* Install the package for your framework
* After installing the package, import `SukiAuthManager` from `@suki-sdk/core` for sign-in

Refer to [Prerequisites](/form-filling-sdk/prerequisites) for partner credentials, browser setup, and webhook requirements before you wire your first session.

<Tip>
  **Already using `@suki-sdk/js` or `@suki-sdk/react`?**

  These packages already include the **Form filling** client. You do not need to install `@suki-sdk/form-filling` or `@suki-sdk/form-filling-react` separately.

  Import Form filling from the Web SDK package instead of installing them separately:

  <CodeGroup title="Import Form Filling from the Web SDK">
    ```javascript @suki-sdk/js theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
    import { FormFillingClient } from "@suki-sdk/js";
    ```

    ```tsx @suki-sdk/react theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
    import { FormFilling, FormFillingClient, FormFillingProvider, useFormFilling } from "@suki-sdk/react";
    ```
  </CodeGroup>

  * Install a standalone Form filling package only if you want Form filling without the rest of the Web SDK.

  * Refer to [Web SDK installation](/web-sdk/installation) for details.
</Tip>

## JavaScript

Run one of the following to install the package:

<CodeGroup title="Install @suki-sdk/form-filling and @suki-sdk/core">
  ```shell pnpm theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
  pnpm add @suki-sdk/form-filling @suki-sdk/core
  ```

  ```shell npm theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
  npm install @suki-sdk/form-filling @suki-sdk/core
  ```

  ```shell yarn theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
  yarn add @suki-sdk/form-filling @suki-sdk/core
  ```
</CodeGroup>

After installing the package, import the client and auth manager in your application:

```javascript JavaScript theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
import { FormFillingClient } from "@suki-sdk/form-filling";
import { SukiAuthManager } from "@suki-sdk/core";
```

## React

Run one of the following to install the package:

<CodeGroup title="Install @suki-sdk/form-filling-react and @suki-sdk/core">
  ```shell pnpm theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
  pnpm add @suki-sdk/form-filling-react @suki-sdk/core
  ```

  ```shell npm theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
  npm install @suki-sdk/form-filling-react @suki-sdk/core
  ```

  ```shell yarn theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
  yarn add @suki-sdk/form-filling-react @suki-sdk/core
  ```
</CodeGroup>

After installing the package, import the React bindings and auth manager:

```tsx React theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
import { FormFilling, FormFillingClient, FormFillingProvider } from "@suki-sdk/form-filling-react";
import { SukiAuthManager } from "@suki-sdk/core";
```

## Next steps

<Icon icon="file-lines" iconType="solid" /> Refer to [Authentication](/form-filling-sdk/guides/authentication) to set up sign-in, then follow the [Quickstart](/form-filling-sdk/quickstart) to open your first session.