Build bulletproof UI components faster
Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Installs per month
Deliver robust UIs
Storybook provides a sandbox to build UI components in isolation so you can develop hard-to-reach states and edge cases.
Build components in isolation
Create components without needing to stand up screens, fuss with data, or build business logic.
Mock hard to reach use cases
Render components in key states that are tricky to reproduce in an app.
Document use cases as stories
Save use cases as stories in
to revisit during development, testing, and QA.
Supercharge your workflow with addons
Use addons to build UI faster, document a component library, and streamline your workflow.
Ship components with confidence
Storybook makes it easy to keep track of edge cases and as a result you get tests for free.
Ensure consistent user experiences
Whenever you write a story you get a handy visual spec. Quickly browse stories to make sure your UI looks right.
Auto-detect code regressions
Get code snapshot tests out of the box with Storyshots, an official addon.
Unit test components
Reuse stories in your unit tests to confirm nuanced functionality.
Catch UI changes down to the pixel every commit
Pinpoint UI changes with visual testing tools.
Share and reuse everything
Stop reinventing the wheel. Get a birds-eye view of your UI library to find components to reuse in your project.
Find any component in your app
Storybook is a searchable, single source of truth for your UI components.
Get timely feedback during development
Collaborate on UI implementation with your team by deploying Storybook to the cloud.
Share components across screens and apps
Every story is a use case that your team can find and reuse.
Generate a styleguide automatically
Write Markdown to generate a customizable styleguide site. Share it with your team.
Storybook is quick to install and it’s easy to get started.
Get started with Storybook
Add Storybook to your project in less than a minute to build components faster and easier.
Learn Storybook with a 10-chapter tutorial that teaches Storybook best practices as you build a UI from scratch.
Learn Storybook now
Welcome to the future of component development! We’re kicking off 2019 with Storybook 5.0 (SB5), our biggest release to date. Here’s…
Storybook 5 Migration Guide
A hop, skip, and jump to a beautiful new developer experience
Meet Storybook 5.0's new design
A deep dive into the overhauled look and feel
The MIT License (MIT). Website design by
and the awesome Storybook community.
Get news, free tutorials, and Storybook tips emailed to you.
Visual testing by
Continuous integration by