Connect stories with Figma components to streamline design handoff and UI Review.
Post messages in a designated Slack channel when there's new activity in a project.
Showcase work with teammates on platforms that follow the oEmbed standard like Notion and Medium.
Script custom behavior and automate advanced workflows when a project's status changes.
Support from Storybook maintainers
The team that builds Storybook is only a chat away. Resolve issues faster.
SOC 2 compliant
Ensure your data is secure. Chromatic adheres to SOC 2 standards of security, availability, and confidentiality.
Frequently asked questions
Is Chromatic really free? What’s the catch?
Yes. We believe frontend infrastructure should be available to everyone. That’s why we maintain Storybook and offer Chromatic for free. We also offer premium plans that provide even more value.
What’s the difference between the free plan and premium plans?
Chromatic makes feedback faster by automatically comparing UI components to detect visual changes (via snapshots). That means stakeholders don't have to hunt around your component library to find out what changed when reviewing PRs.
The free plan includes all the core features. Publish unlimited Storybooks to review with unlimited collaborators. 获得组件的历史在树枝和提交. Plus 5,000 free snapshots/month. All in a secure, private workspace for your entire team.
Premium plans scale to meet your team's needs. You get more snapshots and access to a suite of browsers that extend your test coverage in one click. Test across multiple viewports and multiple browsers at once.
Do you charge for inviting teammates?
No, we don’t charge you “per seat”. UI libraries and design systems only thrive when everyone is included. We wouldn’t do anything to jeopardize the adoption of your components.
What’s a snapshot?
A snapshot is a pixel-perfect image of the rendered UI component. Snapshots are used to detect UI changes in a PR for visual review and testing. Snapshots are only taken when you enable “UI Review” or “UI Tests” for your project.
Everytime you run a build, we take one snapshot for each story. If you have 50 stories, Chromatic will take 50 snapshots. In addition, testing multiple viewports and browsers are also considered snapshots. Learn more
How do you count the number of snapshots for billing?
Snapshots are counted at the account level. If your account has multiple projects we sum the number of snapshots used by each project to get your total usage.
How fast are Chromatic's visual tests and what is max concurrency?
Chromatic optimizes your visual tests for speed. Your tests run on as many machines as needed to deliver results in the least time possible. Our infrastructure is effectively capable of running all your tests in parallel, no matter how many builds you run, or stories you write. For instance, customers often test 2000+ permutations in less than a minute.
What if I exceed my plan's monthly snapshot limit?
If you have a free plan, review and testing will be paused when you exhaust the 5,000 free snapshots per month. This may affect your PR checks.
If you have a premium plan, review and testing will not be interrupted. You’ll be billed for extra snapshots beyond the included amount at the end of the month.
How do I change my plan?
Change your plan in account settings. All changes are prorated to the day.
What if it doesn't work as expected?
If you aren’t happy with Chromatic we’ll refund your money. We want customers to ship consistent UIs, save time, and build bulletproof component libraries. If it’s not working out for you, just email us to get a refund for your current months usage.
Can I deactivate my account?
Yes, deactivate anytime. We’ll be sad to see you go!
“Just deleted all component snapshot tests from our React component library—in favour of @chromaui [Chromatic] screenshot tests… it’s priced well for our use case where manually testing everything would be much more expensive.”
Design systems lead
“The more things we have in Storybook, the more coverage we get in Chromatic.”
Sr. software engineer
“I've done visual regression manually in the past but has always caused more problems than it's solved. Not the case with Chromatic”
“Our product team loves Chromatic. It's truly helped kickstart a better relationship between designers and developers.”
Sr. product designer
“Chromatic is a valuable addition to our testing toolset. It helps us catch UI bugs a lot quicker and easier!”
Automate your UI workflow. Do more with less work.