Skip to main content

React components

Modal component

The modal component is great for focusing a user’s attention on important information in a dialog interface separate from the rest of the content on the page.


Tour item component

The tour component is a great way to guide your user through new, undiscovered, or updated product features.


Checklist component

The checklist component is a great way to get your users up and running in your product.


Card component

The card component is an embedded UI element that is great for announcing updates or give users timely warnings and alerts.

Rich text

Use our rich text components to render rich text content within your product.


Framework-specific guides on how to use Dopt's React components in Next.js, Remix, webpack, and more.

Styling & theming

Styling and theme Dopt React components so they look and feel like they're part of your product.


Use our flexible theme tokens to easily style components.