Pricing
Made by Storybook for every size team
Essentials
Free
Frontend infrastructure for every component, app, and design system.
Get started now
No credit card required • Setup in 2 minutes
- Unlimited Storybooks
- Unlimited collaborators
- Component version tracking
- Secure CDN access for teams
- 5,000 free snapshots/month
- Git and CI integrations
- All core features
Premium plans
Upgrade to streamline feedback and expand test coverage
Starter
$149/mo
Get started with testing and review
Try for free- Chrome
- 35,000 snapshots
- 0.006$ extra snapshot
- Custom domain
- Dynamic IPs
- + Core features
Standard
Popular
$349/mo
Experienced teams with established UIs
Try for free- Chrome, Firefox, Safari, Edge
- 85,000 snapshots
- 0.006$ extra snapshot
- Custom domain
- Dynamic IPs
- + Core features
Pro
$649/mo
Professional high-velocity organizations
Try for free- Chrome, Firefox, Safari, Edge
- 165,000 snapshots
- 0.006$ extra snapshot
- Custom domain
- Static IPs available
- + Core features
Enterprise
Custom
Industrial-grade infra for exceptional teams
- Single sign on
- Custom Git integrations
- Priority support
- Custom domain
- Static IPs available
- Invoicing and more
Timesaving features
Unlimited projects
Publish all your Storybooks to a secure CDN and automate testing and review.
Unlimited collaborators
Invite the entire team without worrying about hidden “per seat” charges.
Comment & assign reviewers
Give precise feedback on UI implementation. Request review and get stakeholders to sign off.
Versioning & history
QA unexpected bugs by going back in time to compare UI changes between branches and commits.
Fully inspectable stories
Debugging and reproductions are quick and easy with fully inspectable components.
Search & document components
Generate a self-documenting, auto-updating library where teams can browse components.
No waiting
Our parallelized cloud delivers lightning-fast results no matter how big your component library.
TurboSnap
Intelligently track changed components & dependencies to only snapshot what's neccessary
Cross browser coverage
Flip a switch to test components in Chrome, Firefox, Safari and Edge. No setup needed. For premium plans only.
Responsive testing
Test responsive components by specifying viewport widths in the same place as your stories.
Interaction testing
Simulate user behavior like click, type, keyboard, and hover. Write assertions to verify interactions.
Git and CI/CD integrations
Painless integrations with popular tools like CircleCI, Travis, Jenkins, GitHub Actions, and more.
Roles and permissions
Sync access with GitHub, Bitbucket, and GitLab. Invite external collaborators and assign roles.
Custom domain
Use your own domain name that points to your project's published Storybook. For premium plans only.
Figma plugin
Connect stories with Figma components to streamline design handoff and UI Review.
Slack notifications
Post messages in a designated Slack channel when there's new activity in a project.
Embed stories
Showcase work with teammates on platforms that follow the oEmbed standard like Notion and Medium.
Webhooks
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. Get component history across branches and commits. 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.”
Mark Dalgleish
Design systems lead
“The more things we have in Storybook, the more coverage we get in Chromatic.”
Dan Green
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”
Alasdair McLeay
UI architect
“Our product team loves Chromatic. It's truly helped kickstart a better relationship between designers and developers.”
Andrew Cianci
Sr. product designer
“Chromatic is a valuable addition to our testing toolset. It helps us catch UI bugs a lot quicker and easier!”
Malek Hakim
Software engineer
Automate your UI workflow. Do more with less work.