---
title: Build commerce interfaces in Shopify
slug: oc2d1156
canonical_url: https://docs.coveo.com/en/oc2d1156/
collection: coveo-for-commerce
source_format: adoc
---
# Build commerce interfaces in Shopify

You have two options for creating a commerce interface with the **Coveo AI Search & Discovery** app: the [Coveo Atomic library](https://docs.coveo.com/en/lcdf0264/) and the [Coveo Headless library](https://docs.coveo.com/en/lcdf0493/).

Headless is faster and more flexible than Atomic, but requires more development effort.

## Coveo Atomic with Shopify Liquid

Atomic is a collection of pre-built UI components meant to quickly create product discovery interfaces.
These components are compatible with [Shopify Liquid](https://shopify.dev/docs/api/liquid), allowing you to readily integrate them into your Shopify theme.
Under the hood, Atomic relies on the [Coveo Headless](https://docs.coveo.com/en/lcdf0493/) library to interface with Coveo and handle the application state.

See [Build Atomic commerce interfaces in a Shopify store with the Coveo AI Search & Discovery app](https://docs.coveo.com/en/oc2d1153/).

## Coveo Headless with Shopify Hydrogen

Headless is a [Redux-based](https://redux.js.org/) toolset for developing your own search UI component libraries.
It's compatible with [Shopify Hydrogen](https://hydrogen.shopify.dev/), allowing you to create a high-performance and customizable search interface.

See [Build product discovery interfaces with Coveo Headless and Shopify Hydrogen](https://docs.coveo.com/en/p1oe2163/).