Quick Keypoints
- Tests Storybook UI components visually across code updates.
- Flags visual changes to gather team feedback on pull requests.
- Publishes Storybook files to share component libraries with teams.
- Integrates with GitHub Actions and other CI pipelines.
What is Chromatic?
Visual Storybook testing and component reviews.
Chromatic is a visual testing platform that captures renders of Storybook components to flag regressions.
Who Needs Chromatic?
Design systems developers, frontend teams, and Storybook users.
Primary Use Cases
- Autocompleting code syntax and logic blocks in real-time.
- Explaining complex functions and debugging codebase errors.
- Generating boilerplate code and unit test suites automatically.
Important Features
- Component Diffing: Highlights visual changes in isolated components down to the pixel.
- Library Publisher: Hosts and publishes your Storybook files online automatically.
- Collaboration Dashboard: Collect developer sign-offs on visual layout changes.
Current Updates About Chromatic
- Introduced Vitest and React Native visual testing sneak peeks, auto-flake filtering, and published MCP servers.
- Current Version: v2.0
Alternatives to Chromatic
If you want to check similar software, these alternative tools offer comparative features:
Pricing Plans
| Plan | Price |
|---|---|
| Free5,000 billed snapshots per month with unlimited collaborators/projects. | $0/mo |
| Starter35,000 billed snapshots per month with basic visual testing. | $179/mo |
| Pro85,000 billed snapshots per month with advanced testing and custom reviews. | $399/mo |
| EnterpriseHigh volume snapshot limits, dedicated support, and SLAs. | Custom |
Affiliate & Referral Disclosure: We review products independently. Some of the outbound links on this directory are referral links containing tracking parameters. We may receive referral tracking credits or potential commission fees if you proceed to register or subscribe. Read our full Disclaimer.