Storybook
UI component workshop.
Frontend workshop for building, testing, and documenting UI components in isolation.
About Storybook
Storybook is a tool for building and testing UI components in isolation from the rest of your application. It lets you render any component with different props (called "stories"), creating a living documentation of your design system.
Storybook works with React, Vue, Angular, Svelte, Web Components, and more. Each "story" is a small scenario demonstrating the component in a specific state. This allows developers to test every variant without navigating the full application, and enables designers and QA to review components independently.
Storybook addons extend functionality: automated accessibility testing (with @storybook/a11y), interaction testing, mocking APIs, responsive viewports, and more. It integrates with Chromatic (visual regression testing) for catching unintended UI changes in CI.
For teams building design systems or working with component-driven development, Storybook is an essential part of the workflow.