Skip to main content
Depict AI Documentation home page
Search...
⌘K
Contact us
Contact us
Search...
Navigation
Setup
Installation
Home
Guide: Data ingestion
Guide: Depict UI integration (React)
Guide: Depict UI integration (JavaScript)
Guide: Shopify app
Guide: API integration
Other guides
Reference
Overview
Introduction
Data Ingestion
Compatibility and Browser Support for Depict Packages
Setup
Installation
Configuring `DepictProvider`
Setting up routing
Transforming and enriching display data
Import styling
Setting up your product card
Search
Overview
Adding a way to open the SearchModal
Configuring the DepictProvider for your search page
Adding the SearchPage to your site
Complete - search functionality added
Product listing pages
Overview
Choosing a source of truth
Adding the CategoryPage to your site
Complete - product listing pages added
Recommendations
Rendering recommendations in a slider
Rendering recommendations in a grid
Tracking
Introduction
Product Card Tracking for Recommendations
Product Page Tracking
Add to cart tracking
Purchase tracking
Tracking - Completed
Setup
Installation
This page does not apply to installs made in 2025 or later of the Depict Shopify apps
The Depict UI React package is available in the NPM registry. To use it, you must first install it:
NPM
Yarn
Copy
Ask AI
npm
install
@depict-ai/react-ui
Was this page helpful?
Yes
No
Compatibility and Browser Support for Depict Packages
Configuring `DepictProvider`
⌘I