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

# Introduction

> A guide for React/Next.js/Gatsby users to integrate with the Depict UI

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

<Note>We recently released v3 of the Depict UI, this guide has been updated. See the [migration guide](/other-guides/sdk-migration-v2-v3) on how v3 differs from v2.</Note>

We will guide you through your integration with the Depict UI, enabling you to offer a high-quality user experience with a swift integration.

Currently, you can integrate all three products with Depict UI (React):

1. Search
2. Product Listing Pages
3. Recommendations

If you're only integrating one of them, skip the section that doesn't apply to you. The "setup" section applies to all.

<Tip>Remember to follow the [tracking](/react-ui-guide/tracking) guide</Tip>

<Info>
  Are you looking for the [reference](/reference/search-sdk/search-react-sdk)?
</Info>