Repolode
Submit
storybookjs

storybookjs/storybook

A frontend workshop for building, documenting and testing UI components in isolation, supporting React, Vue, Angular, Svelte and more.

View on GitHubWebsite
Stars
91,336
Forks
10,472
Open issues
1,867
Last commit
3 hours ago

What is it?

Storybook is a frontend workshop where developers build UI components and pages outside of the main application. Each component is rendered on its own in a sandboxed view, so it can be developed, reviewed and documented without running the full app or reaching specific states by hand.

It supports a wide range of renderers, including React, Angular, Vue 3, Svelte, Web Components, HTML, Preact, Ember and SolidJS, with React Native and Android, iOS and Flutter available through separate projects. Storybook is extended through addons for accessibility checks, interaction testing, backgrounds, viewports, layout inspection and auto-generated documentation.

The project is organized as a monorepo and is maintained by the Storybook team with a public contributing guide and community channels.

Key features

  • 01Renders components in isolation across React, Vue, Angular, Svelte and other frameworks.
  • 02Provides addons for accessibility testing, viewport switching and layout inspection.
  • 03Generates component documentation from stories.
  • 04Supports interaction testing within stories.
  • 05Extensible through a plugin API for custom addons.

Use cases

  • Developing and reviewing a design system's components without running the full application.
  • Documenting UI component variants for designers and developers.
  • Testing component states such as loading, error and empty views.
  • Checking accessibility of components during development.

Quick start

  1. 1

    Visit the Storybook website to get started (the README has no install command)

  2. 2

    Use storybook.new to create an example project in StackBlitz

Topics

#ui#components#design-systems#documentation#testing#react#vue#frontend#angular#html

FAQ

What is storybook?
A frontend workshop for building, documenting and testing UI components in isolation, supporting React, Vue, Angular, Svelte and more. Storybook is a frontend workshop where developers build UI components and pages outside of the main application. Each component is rendered on its own in a sandboxed view, so it can be developed, reviewed and documented without running the full app or reaching specific states by hand.
Is storybook free to use? What license does it have?
storybook is open source under the MIT license. Check the license terms before using it in commercial products.
Is storybook still maintained?
Actively maintained. The last commit to storybook was on Oct 21, 2026.
What can I use storybook for?
Developing and reviewing a design system's components without running the full application. Documenting UI component variants for designers and developers. Testing component states such as loading, error and empty views. Checking accessibility of components during development.
How do I install storybook?
Visit the Storybook website to get started (the README has no install command) Use storybook.new to create an example project in StackBlitz
Where can I get storybook?
The source code and installation instructions are on GitHub: https://github.com/storybookjs/storybook

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects