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

The first 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/js-ui";
  ```

  ```ts CommonJS theme={null}
  const { DPC } = require("@depict-ai/js-ui");
  ```
</CodeGroup>