Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
Implement components and pages without needing to fuss with data, APIs, or business logic.
Render components in key states that are tricky to reproduce in an app. Then save those states as stories to revisit during development, testing, and QA.
Addons extend and customize your UI development workflow. There are hundreds of addons that help you build UI faster, document component libraries, and integrate with other tools.
Once you finish developing UI components in isolation, drop them into your app. You’ll have confidence that the components are hardened to support every possible edge case.
Storybook is incrementally adoptable and integrates with industry-standard tools. That means your team doesn’t have to change their 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.”
Stories capture the “known good” states of UI components. They’re a pragmatic, reproducible way to keep track of UI edge cases. Reuse stories to power automated tests.
“The tool we use for editing UI is Storybook. It is the perfect place to make sure your work aligns with designs to the pixel across breakpoints.”
Storybook brings together UI, examples, and documentation in one place. That helps your team adopt existing UI patterns.
“Storybook has made developing components more streamlined by allowing us to easily include technical documentation within our design system!”
Add Storybook as a CI step to automate the UI development workflow. That helps you and your team ship faster with less manual work.
The top frontend engineering teams rely on Storybook to ship world-changing products. Join our open source community to learn new techniques and get support.
Join 1,999+ contributors building the future of UI development.Star on GitHub
Get support and chat with 18,586+ frontend developers.Join Discord server
Get the latest news and updates from Storybook maintainers.Follow on Twitter
Watch tutorials, feature previews, and interviews.Watch on YouTube