Use the Coveo Atomic Library

What’s Coveo Atomic?

Coveo Atomic is a web component library for assembling responsive, accessible, and future-proof Coveo-powered search UIs. Atomic components are self-encapsulated, composable, and lightweight. Under the hood, Atomic relies on the Coveo Headless library to interface with Coveo 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 simple search page.

Where Do I Start?

To learn the basics of the Atomic library, see the Usage section.

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

To create a starter Coveo Atomic project, check out the Coveo CLI. The CLI allows you to quickly set up a project that uses the Netlify CLI development tool.

You may also want to check out the Reference section.

What's next for me?