About Frontend UI Testing & Review Platform for Teams • Chromatic
Overview
Chromatic is a cloud-based frontend UI testing and review platform built by the Storybook team. It runs visual, interaction, and accessibility tests in real browsers to catch regressions before code ships. The platform brings components, tests, stories, and reviews into one workspace that teams and AI agents share.
Every change, whether written by a developer or an agent, is tested across UI states, themes, and viewports. Reviewers get explicit sign-off tools, and validated UI context powers teammates and connected agents alike.
Key Benefits
- Run visual, interaction, and accessibility tests in real browsers on every change.
- Catch regressions fast with snapshots that cover all UI states, themes, and viewports.
- Eliminate flaky tests with a custom detection algorithm that handles latency, animations, and resource loading.
- Speed up sign-off by assigning reviewers and tracking decisions inside pull requests.
- Reuse tests you already write in Storybook, Vitest, Playwright, and Cypress without writing extra test code.
- Sync UI Review status with Git and CI so sign-off stays visible alongside code changes.
How It Works
Chromatic plugs into your CI/CD pipeline in about 90 seconds. On each code push it runs your existing Storybook, Vitest, Playwright, or Cypress tests in real browsers, captures visual snapshots, and compares them against baselines to flag regressions. Reviewers then comment, request changes, and approve builds, with results reported back to pull requests and CI.
Use Cases
- Frontend engineers verify UI changes in real browsers before merging to production.
- Designers and product managers review and approve component changes with comments and change requests.
- Engineering managers enforce UI standards across teams by assigning default reviewers to open pull requests.
- Accessibility and compliance teams generate WCAG violation reports and catch regressions on every commit.
- Open source maintainers publish and share component libraries with non-technical contributors and agents.
Why Choose This Product
Chromatic is made by the Storybook team and maintains the most popular open source tool for developing user interfaces. It combines testing, review, and publishing into one automated workflow, runs tests in parallel for up to 85% faster runs, and offers a free tier to start with your whole team. Git, CI, Slack, and Figma connections keep stakeholders engaged wherever they work.
Frontend UI Testing & Review Platform for Teams • Chromatic Pros & Cons
- Runs visual, interaction, and accessibility tests in real browsers
- Assign reviewers and track sign-off decisions in pull requests
- Reuses existing Storybook, Vitest, Playwright, and Cypress tests
- Free tier with 5,000 billed snapshots and no credit card
- Official platform made by the Storybook team
- Free plan tests on Chrome only
- SSO/SAML and SCIM provisioning reserved for Enterprise
- Accessibility reports not included on lower tiers
Frontend UI Testing & Review Platform for Teams • Chromatic Pricing
View full pricing →- 5,000 billed snapshots
- Test on Chrome
- Unlimited projects & users
- Unlimited collaborators
- Git and CI integrations
- UI version tracking
- 35,000 billed snapshots
- Everything in Free
- Extra billed snapshots at $0.008
- Test on Safari, Firefox, Edge
- 85,000 billed snapshots
- Everything in Starter
- Custom domain
- Unlimited snapshots
- Everything in Pro
- Unlimited accessibility usage
- SSO & custom Git integrations
- Priority support & SLA
- Data retention
| Feature | Free Free/mo | Starter $179/mo | Pro $399/mo | Enterprise Custom |
|---|---|---|---|---|
| 5,000 billed snapshots | ||||
| Test on Chrome | ||||
| Unlimited projects & users | ||||
| Unlimited collaborators | ||||
| Git and CI integrations | ||||
| UI version tracking | ||||
| 35,000 billed snapshots | ||||
| Everything in Free | ||||
| Extra billed snapshots at $0.008 | ||||
| Test on Safari, Firefox, Edge | ||||
| 85,000 billed snapshots | ||||
| Everything in Starter | ||||
| Custom domain | ||||
| Unlimited snapshots | ||||
| Everything in Pro | ||||
| Unlimited accessibility usage | ||||
| SSO & custom Git integrations | ||||
| Priority support & SLA | ||||
| Data retention |
Pricing extracted from the product website and may change. Check the source for current details.
Frequently asked questions about Frontend UI Testing & Review Platform for Teams • Chromatic
Do you charge by user?
No. Chromatic plans are priced by billed snapshots rather than by user, and every plan includes unlimited projects, unlimited collaborators, and unlimited parallel test runs.
What is a snapshot?
A snapshot is a visual capture of a UI state taken in a real browser and compared over time to detect visual regressions. Your plan includes a set number of billed snapshots per month, for example 5,000 on the Free plan.
How do you count the number of billed snapshots?
Chromatic tracks file changes to determine which tests are affected, then captures snapshots only for those tests. Unaffected tests copy previous snapshots, which count less toward usage, so you get the same coverage with fewer billed snapshots.
What browsers does each plan test on?
The Free plan tests on Chrome. Starter, Pro, and Enterprise add Safari, Firefox, and Edge support.
How fast are tests and what are parallel test runs?
Tests run in parallel by default so results come back quickly. Chromatic reports up to 85% faster test runs and is on average 41% more cost efficient.
What if it doesn't work as expected?
Chromatic offers a free tier to start with your whole team with no credit card required, and you can book a demo or contact sales for help.