> ## 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.

# Dictation SDK Installation

> Install Suki Dictation SDK in your JavaScript or React application

We have modularized the Suki Dictation SDK into **framework-specific packages** plus shared **`@suki-sdk/core`** for **`SukiAuthManager`**, so you install **`core`** in every setup and add either **`@suki-sdk/dictation`** or **`@suki-sdk/dictation-react`** depending on your environment.

<Note>
  The Dictation SDK is built for browser applications and requires **`HTMLIFrameElement`** and **`postMessage`** (refer to [Prerequisites](/dictation-sdk/prerequisites) guide for more details).
</Note>

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

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

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

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

    ```tsx @suki-sdk/react theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
    import { Dictation, DictationClient, DictationProvider, useDictation } from "@suki-sdk/react";
    ```
  </CodeGroup>

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

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

## Prerequisites

For the rest of this documentation, we will assume you have completed the [Partner onboarding](/documentation/get-started/partner-onboarding) process.

Refer to the [Prerequisites](/dictation-sdk/prerequisites) guide for more information.

## Install the package

### For vanilla JavaScript

Use **`@suki-sdk/dictation`** with **`@suki-sdk/core`** for plain JavaScript or frameworks other than React.

To install the packages, run one of the following commands:

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

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

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

### For React

For React applications, use **`@suki-sdk/dictation-react`** with **`@suki-sdk/core`**. It includes **`DictationProvider`** and **`Dictation`** so you can wire Dictation declaratively.

To install the packages, run one of the following commands:

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

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

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

## Next steps

<Icon icon="file-lines" iconType="solid" /> Read the [Authentication](/dictation-sdk/guides/authentication) guide to learn how to authenticate yourself to use the Dictation SDK.