Chromatic logo

Chromatic

Freemium

Visual testing and review platform built on Storybook.

Visit websiteGitHub

Pricing

Freemium

Type

Automation

Languages

JavaScript, TypeScript

// VERDICT

Reach for Chromatic when you use Storybook and want managed visual + interaction testing with review workflows and hosted docs. Skip it when you don't use Storybook, want free self-run visual testing (BackstopJS/Loki), or page-level AI diffing (Applitools).

Best for

A managed visual and interaction testing service built for Storybook (by its maintainers) - snapshotting every story across browsers/viewports, with review workflows and component documentation hosting.

Avoid when

You don't use Storybook, you want a free self-run tool, or AI-based diffing across arbitrary pages.

CI/CD fit

CI integration · snapshots per story · review/approval workflow

Languages

JavaScript · TypeScript

Team fit

Storybook teams · Frontend QA · Component-driven teams

Setup

Easy

Maintenance

Low

Learning

Beginner

Licence

Freemium

// BEST FOR

  • Visual + interaction testing for every Storybook story
  • Cross-browser/viewport snapshots in the cloud
  • Review and approval workflows for visual changes
  • Hosting Storybook as living documentation
  • Catching component visual regressions per PR
  • Built by the Storybook maintainers

// AVOID WHEN

  • You don't use Storybook
  • You want a free, self-run tool (BackstopJS/Loki)
  • Page-level AI diffing is the need (Applitools)
  • You can't send snapshots to a cloud service
  • Minimal/no-platform is preferred
  • Non-component, full-page testing is the goal

// QUICK START

Connect Chromatic to your Storybook + CI (project token) -> it snapshots stories
on each build -> review/approve visual changes -> gate PRs on the workflow.

// ALTERNATIVES TO CONSIDER

ToolChoose it when
PercyYou want visual testing across pages/frameworks, not just Storybook.
LokiYou want free, self-run Storybook visual testing.
ApplitoolsYou want AI visual diffing across browsers/devices.

// FEATURES

  • Storybook-native visual testing
  • UI review and approval workflow
  • Automatic visual diffs across PRs
  • Cross-browser snapshots
  • Interaction testing via Storybook play functions
  • Hosted Storybook publishing

// PROS

  • Tightest Storybook integration available
  • Designer and PM-friendly review UI
  • Component-level visual testing
  • Maintained by Storybook core team

// CONS

  • Requires Storybook adoption
  • Pricing scales with snapshot volume
  • Limited value outside component-driven workflows

// EXAMPLE QA WORKFLOW

  1. Connect Chromatic to Storybook and CI

  2. Snapshot stories on each build

  3. Review surfaced visual changes

  4. Approve or reject via the workflow

  5. Gate PRs on unreviewed changes

  6. Host Storybook as living documentation

// RELATED QA.CODES RESOURCES