Use the Atomic library

This is for:


What’s Coveo Atomic?

Coveo Atomic is a web component library for assembling responsive, accessible, and future-proof Coveo-powered search interfaces. Atomic components are self-encapsulated, composable, and lightweight. Under the hood, Atomic relies on the Coveo Headless library to interface with the Coveo Platform and handle the search application state.

Diagram showing where Headless fits with Atomic and the APIs

When Should I Use Atomic?

Atomic is an ideal option if you want to quickly assemble a feature-rich Coveo-powered search interface without having to implement all of its UI components on your own.

If you intend to use your own search UI component library to interface with Coveo, then you should use the Coveo Headless library instead.

If you want to assemble a search UI in a Coveo for Salesforce implementation, you should use Quantic, our library of Lightning Web Components built using the Coveo Headless library.

The following interactive example uses Coveo Atomic to create a basic search page.

Where Do I Start?

To learn the basics of the Atomic library, see the Coveo Atomic Tutorial.

For a quick overview, see the Usage section.

To use the Atomic library in a React, Angular, or Vue.js project, check out the Atomic React wrapper, Atomic Angular wrapper, or Atomic Vue documentation, respectively.

To create a starter Atomic project, check out the Coveo CLI.

You may also want to check out the Reference section.