Chromatic
Visual regression testing for Storybook, built by the Storybook maintainers, with AI-assisted diff triage.
About
Chromatic is the dominant visual testing service for teams using Storybook. Built by the Storybook maintainers, it publishes a hosted, versioned Storybook for every commit, captures every story in a standardized cloud rendering environment, and diffs those captures against approved baselines. Every story effectively becomes a visual test without writing separate render tests.
TurboSnap reduces billed snapshots by tracing changed source files and reusing previous captures for unaffected stories, and a 2026 shift brought AI-assisted diff triage that auto-classifies a large share of diffs as noise versus real change, cutting review fatigue. The free tier covers 5,000 snapshots a month (roughly 25,000 TurboSnaps), with paid tiers starting around $179/month for 35,000 snapshots. The main limitation is Storybook lock-in: teams not on Storybook generally reach for Percy or Argos CI instead.
What it can do
- Cloud-rendered snapshots of every Storybook story
- Pixel-level baseline diffing with review/approval UI
- TurboSnap smart re-snapshotting to cut snapshot volume
- AI-assisted diff triage to filter noise from real changes
- PR integration with per-story snapshot opt-out
Setup
Install the chromatic npm package, connect your repository at chromatic.com to get a project token, then run npx chromatic --project-token=<token> in CI.
Prerequisites
A Storybook setup; a GitHub, GitLab, or Bitbucket repository.
Use cases
Works with
Trust score — 8/10
Scored 8/10 (verified tier, metrics-v1). Evidence: Verified via vendor site/docs/GitHub and reputable coverage, wave 75; Trending score 82/100 from researcher assessment.
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.