Ship flawless UIs with less work

Chromatic is a visual testing & review tool that scans every possible UI state across browsers to catch visual and functional bugs. Assign reviewers and resolve discussions to streamline team sign-off.

Get started

Made for Storybook📅Request live demo

Visual tests

Team sign-off

Trusted by teams at:

UI Tests catch bugs automatically

Run visual and interaction tests across different browsers, themes, and viewports at the same time. Expansive test coverage – with no extra work

Learn about UI Tests

Test in a real browser

Chromatic takes pixel-perfect snapshots of real code, styling, and assets. Your tests reflect what your users actually experience.

Low maintenance - high coverage

Chromatic creates tests from the Storybook stories already created during the development process. No need to write the same tests twice.

No test flake

Our custom detection algorithm eliminates flakiness from latency, animations, resource loading, and browser state.

Not using Storybook? Chromatic integrates with Playwright and Cypress to provide comprehensive visual coverage for your E2E tests.

Learn more

Scan all possible UI states to pinpoint regressions

Run two types of tests across four browsers for continuous coverage. Your tests run in parallel by default to deliver results in the least time possible.

Test with

Up to

85%

Faster test runs

On average

41%

More cost efficient

“Chromatic is a valuable addition to our testing toolset. It helps us catch UI bugs a lot quicker and easier!”

Malek Hakim

Sr. Software engineer

UI Review speeds up team sign-off

Chromatic provides a unified workspace for designers, product managers, and other stakeholders to share feedback and sign-off on UI. It's like code review, but for everyone.

Learn about UI Review

Stay on top of feedback

Get notified of changes and discussion via email and pull request checks.

Every decision in one place

Post comments and change requests right beside your live components, so that everyone can follow decision-making.

Integrates with Git and CI

UI Review status syncs with your version control & CI to keep teams in the loop.

Assign reviewers

Request review from design, product, and engineering in a shared workspace online.

Set default reviewers

Automatically assign specific stakeholders to review open pull requests to speed up sign-off.

Connects to your workflows

Keep everyone in the loop with Slack, Figma, and custom webhooks.

“We are using Storybook in every UI layer in all of our organization. Chromatic keeps us safe and helps us ship quality & performant UI.”

Orr Gottlieb

Engineering manager

Publish a single source of truth

Create a searchable workspace for UI components, stories, tests, API docs, and design files. Invite your team to a shared workspace where they can reference any piece of UI across time.

Learn about Publish

screenshot of Chromatic’s Library screen

Catalog all your components

Explore UI components from across your company in one place without touching a repository.

Stays up to date

Every time you push code your library is auto-updated.

Searchable component libraries

Find out how and where UI components are used in your projects.

Component API, docs, and examples

Docs, API, and example use cases from Storybook are synced with Chromatic and shown alongside your components.

Invite your teammates

Invite developers, designers, and stakeholders by email or custom link. Assign roles for access control.

History down to the commit

Compare components across branches & commits to review past versions.

“The more things we have in Storybook, the more coverage we get in Chromatic.”

Dan Green-Leipciger

Sr. Engineering manager

Setup in 90 seconds

Chromatic integrates with your existing CI/CD tools out-of-the-box. Best practices come pre-configured while still giving you full control to customize behavior.

screenshot of an approved build in the Chromatic webapp

Chromatic adds status checks for your pull/merge requests. The badges show errors or changes that need to be reviewed.

Connect workflows across teams

Connect your development workflow with other teams to keep stakeholders engaged wherever they are.

Figma plugin

Connect stories with design components.

Slack notifications

Post messages in a Slack channel.

Webhooks

Trigger behavior on status changes.

Embed stories

Showcase work on Notion, Medium and more.

Composition

Combine multiple Storybooks together.

Invite non-technical teammates

Get the whole team involved.

Secure access to your Storybooks

Share with your team or the entire world.

Permalinks

Get easy access to versions of your Storybook.

Loved by developers around the world

Everyone from startups to enterprise choose Chromatic to develop their web UIs. Our workflows are time-tested by the largest engineering organizations and the global open source community.

Photo of four happy Chromatic customers at a meetup

Made by Storybook

Storybook is an industry-standard tool for UI development that hundreds of thousands of developers rely on. Chromatic supercharges Storybook with automated visual testing and review workflows.

45/100

Fortune 100 adoption

80,000+

GitHub stars

22,000,000+

Installs/month

2,022+

Contributors

Fix janky UIs once and for all.

Get startedRequest demo