storybook.js.orgStorybook: UI component explorer for frontend developers

This app works best with JavaScript enabled. v5.3 Docs Tutorials Addons Community GitHub 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. Get Started Watch video Made for React React Native Vue Angular Ember HTML Svelte Mithril Riot GitHub Star v5.3 Latest version 0k Installs per month +923 Contributors 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 in plain JavaScript 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. “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. Get started Storybook documentation Add Storybook to your project in less than a minute to build components faster and easier. React Vue Angular View more Storybook tutorial Learn Storybook with a 10-chapter tutorial that teaches Storybook best practices as you build a UI from scratch. Learn Storybook now The MIT License (MIT). Website design by @domyen and the awesome Storybook community. Storybook Docs Tutorials Addons Get involved Use cases Support Team Releases Community GitHub Blog Twitter Discord chat Youtube Subscribe Get news, free tutorials, and Storybook tips emailed to you. Email Sign up Hosting by Visual testing by Continuous integration by...