storybookjs/storybook

Storybook — a workshop for building UI components in isolation. The de facto component-development environment for React, Vue, Angular, Svelte, web components, and more.

What it is

A TypeScript framework that lets developers build, test, and document UI components in isolation from the application. Each component gets "stories" — isolated examples showing different states / props. Plug into many testing tools (Chromatic for visual regression, accessibility addons, interaction tests). Maintained by Storybook Inc.

Key features

Multi-framework: React, Vue, Angular, Svelte, Web Components, Lit, Solid, Preact, Ember, etc.
Stories as the canonical "show one state of a component" format.
Addon ecosystem: a11y, controls, viewport, theming, docs, interactions.
Chromatic for visual regression testing (commercial sister product).
MDX docs alongside stories.
MIT-licensed.

Tech stack

TypeScript primary.
Per-framework adapters.

When to reach for it

You're building a design system or component library.
You want visual + interaction testing of components in isolation.
You're maintaining a large UI codebase and need component documentation.

When not to reach for it

You want a tiny app with few components.
You're a one-off prototype project.

Maturity signal

Actively maintained under Storybook Inc. 10+ years.

Alternatives

Ladle — lighter alternative.
Histoire — Vite-flavored, Vue-first.

Wiki: storybookjs/storybook