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

# Installation

> How to install the NoCloud NUI SDK

<Steps>
  <Step title="Install the Package">
    Choose your preferred installation method:

    <Tabs>
      <Tab title="Package Manager">
        Install the package using your preferred package manager:

        <CodeGroup>
          ```bash npm theme={null}
          npm install @nocloud/cfx-nui
          ```

          ```bash bun theme={null}
          bun add @nocloud/cfx-nui
          ```

          ```bash pnpm theme={null}
          pnpm add @nocloud/cfx-nui
          ```

          ```bash yarn theme={null}
          yarn add @nocloud/cfx-nui
          ```
        </CodeGroup>
      </Tab>

      <Tab title="Script Tag (CDN)">
        Add the SDK directly to your HTML using jsDelivr:

        ```html theme={null}
        <script src="https://cdn.jsdelivr.net/npm/@nocloud/cfx-nui/dist/index.js"></script>
        ```

        The `NoCloud` object will be available globally.
      </Tab>
    </Tabs>
  </Step>

  <Step title="Import the SDK">
    If using a package manager, import the SDK in your code:

    ```typescript theme={null}
    import { NoCloud } from "@nocloud/cfx-nui";
    ```

    <Note>
      If using the CDN script tag, skip this step. The `NoCloud` object is available globally.
    </Note>
  </Step>
</Steps>