Storybook

Build beautiful UI components in isolation, ship faster

Core Features

🎨

Isolated Development

Develop UI components independently from business logic

πŸ“š

Auto Documentation

Automatically generate docs and interactive examples

πŸ§ͺ

Interactive Testing

Visually test component states and edge cases

πŸ”Œ

Rich Addon Ecosystem

Hundreds of addons to extend functionality

⚑

Hot Reloading

See component changes in real-time

🌐

Multi-Framework

React, Vue, Angular, Svelte, Web Components, and more

Tech Stack

TypeScript React Vue Angular Svelte Web Components Vite Webpack

Quick Start

# Initialize Storybook in your project

npx storybook@latest init


# Start development server

npm run storybook


# Build static site

npm run build-storybook