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

# Import styling

> How to import the SDK styling into your project

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

To start out with the default styling, import the SDK styling into you <b>SCSS</b> file as follows:

```scss SCSS theme={null}
@use "@depict-ai/js-ui" as plp-styling; // If your bundler doesn't support the package.json#exports field, try importing from @depict-ai/js-ui/styles or @depict-ai/plp-styling

@include plp-styling.default-theme("VALUE"); // Replace VALUE with "search", "category", or "all" depending on what you are integrating
// comment out below line if you're not using recommendations to save some bundle size
@include plp-styling.recommendations();
```

This includes all the default styling for all Depict Category Page UI components. You can also customize the SDK styling to fit your website's specifications. For more information, see [Modify and Customize Styling](/reference/listings-search/customize-plp-styling-with-scss) in the reference section.