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

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/react-ui" as plp-styling;

@include plp-styling.default-theme("VALUE"); // Replace VALUE with "search", "category", or "both" 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.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.