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

# Importing DPC

> Import DPC so that your code has access to it.

<Warning>
  This page does not apply to installs made in 2025 or later of the Depict Shopify apps
</Warning>

<Warning>If you are also using `@depict-ai/react-ui`, skip this step.</Warning>

The second step is to import DPC. For the first two options below, add the following to <u>the top of the file where you want to use DPC</u>:

<CodeGroup>
  ```ts ESM theme={null}
  import { DPC } from "@depict-ai/dpc";
  ```

  ```ts CommonJS theme={null}
  const { DPC } = require("@depict-ai/dpc");
  ```

  ```html Not using a module bundler theme={null}
  <script type="module">
      import { DPC } from "https://esm.run/@depict-ai/dpc@1.0/ES10";
      // CODE THAT INITIALISES DPC (SEE NEXT STEP) MUST GO HERE
  </script>
  ```
</CodeGroup>