Home/Web/Storybook
S
Website Repository
License:MIT
Open source Self-hostable

Storybook

About

Frontend workshop for building UI components in isolation. Develop, test and document components for React, Vue, Svelte and more with live preview and 100+ addons.

Pricing

Free

Storybook is a component development environment where you build UI components in isolation. Each component gets its own "story" with mock states, making development, testing and documentation faster.

Key Features

  • Component isolation with hot reload.
  • Framework support: React, Vue, Svelte, Angular, Web Components.
  • Addon ecosystem (100+) for docs, accessibility, testing.
  • Interaction testing with the test runner.
  • Visual testing and snapshot comparison.
  • Auto-generated docs from component props.

Pricing

Storybook is free and open source under the MIT license.

Getting Started

npx storybook@latest init
npm run storybook

Add stories next to your components — Button.stories.tsx exports named stories that appear in the Storybook UI at http://localhost:6006.