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.
Trusted by
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 inplain JavaScriptto 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.
“Storybook is a powerful frontend workshop environment tool that allows teams to design, build, and organize UI components (and even full screens!) without getting tripped up over business logic and plumbing.”
Brad Frost
Author of Atomic Design
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.
“Storybook has made developing components more streamlined by allowing us to easily include technical documentation within our design system!”
Taurie Davis
Author of Building Design Systems
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/MDX to generate a customizable site that is perfect for component libraries and design systems.Learn more
“Storybook is crucial to our UX process. The “old way” seems ludicrous now!”
Andrew Frankel
Principal engineer
Storybook is quick to install and it’s easy to get started.
