# storybook

> Storybook: Develop, document, and test UI components in isolation

Latest version **10.6.0** (published 2026-09-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install storybook
pnpm add storybook
yarn add storybook
bun add storybook
```

Provides the commands `0`, `1`, `2`, `3`, `4`, `5`, `6`, `7`, `8`, `9`, `10`, `11`, `12`, `13`, `14`, `15`, `16`, `17`, `18`, `19`, `20`, `21`, `22`, `23`.

## Health

**Score 75/100 (B)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; no types; large bundle.

## Facts

| | |
|---|---|
| Version | 10.6.0 |
| Published | 2026-09-02 |
| First published | 2016-04-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 17 |
| Unpacked size | 21.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 91082 |
| Maintainers | ndelangen, tmeasday, ghengeveld, kasperpeulen, shilman, jreinhold, valentinpalkovic, storybook-bot |
| Keywords | storybook, component, components, design-systems, component-testing, react, next, next.js, react-native, react-native-web, vue, angular, svelte, sveltekit, web-components |

## Links

- npm: https://www.npmjs.com/package/storybook
- Repository: https://github.com/storybookjs/storybook
- Homepage: https://storybook.js.org
- Issues: https://github.com/storybookjs/storybook/issues
- Funding: https://opencollective.com/storybook
- npm.io page: https://npm.io/package/storybook

## Dependencies (17)

- [ws](https://npm.io/package/ws.md) ^8.21.1
- [open](https://npm.io/package/open.md) ^10.2.0
- [recast](https://npm.io/package/recast.md) ^0.23.5
- [semver](https://npm.io/package/semver.md) ^7.7.3
- [esbuild](https://npm.io/package/esbuild.md) ^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0 || ^0.28.0
- [oxc-parser](https://npm.io/package/oxc-parser.md) ^0.127.0
- [@vitest/spy](https://npm.io/package/@vitest/spy.md) 3.2.4
- [jsonc-parser](https://npm.io/package/jsonc-parser.md) ^3.3.1
- [oxc-resolver](https://npm.io/package/oxc-resolver.md) 11.21.2
- [@vitest/expect](https://npm.io/package/@vitest/expect.md) 3.2.4
- [@storybook/icons](https://npm.io/package/@storybook/icons.md) ^2.0.2
- [@storybook/global](https://npm.io/package/@storybook/global.md) ^5.0.0
- [@webcontainer/env](https://npm.io/package/@webcontainer/env.md) ^1.1.1
- [@testing-library/dom](https://npm.io/package/@testing-library/dom.md) ^10.4.1
- [use-sync-external-store](https://npm.io/package/use-sync-external-store.md) ^1.5.0
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) 6.9.1
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^14.6.3

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 10.6.0 (latest) — 2026-09-02
- 0.0.0-pr-36141-sha-6ddbeb4a (canary) — 2026-09-03
- 11.0.0-alpha.0 (next) — 2026-09-02
- 0.0.0-pr-35198-sha-9d05c353 (v9-canary) — 2026-06-17
- 7.6.24 (v7) — 2026-03-06
- 8.6.18 (v8) — 2026-03-06
- 0.0.0-pr-34011-sha-c45b0f3f (v7-canary) — 2026-03-06
- 9.1.20 (v9) — 2026-03-05
- 0.0.0-pr-34009-sha-c90626e7 (v8-canary) — 2026-03-04
- 10.6.0-beta.3 — 2026-09-02
- 10.6.0-beta.2 — 2026-09-01
- 0.0.0-pr-36122-sha-bba02386 — 2026-09-01
- 0.0.0-pr-36098-sha-e4b924c1 — 2026-09-01
- 10.6.0-beta.1 — 2026-09-01
- 0.0.0-pr-36068-sha-1c1cc4bd — 2026-08-31
- … 3012 more at https://npm.io/package/storybook/versions

## README

<p align="center">
  <a href="https://storybook.js.org/?ref=readme">
    <picture>
      <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/263385/199832481-bbbf5961-6a26-481d-8224-51258cce9b33.png">
      <img src="https://user-images.githubusercontent.com/321738/63501763-88dbf600-c4cc-11e9-96cd-94adadc2fd72.png" alt="Storybook" width="400" />
    </picture>
    
  </a>
  
</p>

<p align="center">Build bulletproof UI components faster</p>

<br/>

<p align="center">
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. Find out more at <a href="https://storybook.js.org/?ref=readme">storybook.js.org</a>!
</p>

<center>
  <img src="https://raw.githubusercontent.com/storybookjs/storybook/refs/heads/release-6-5/media/storybook-intro.gif" width="100%" />
</center>

---

# Storybook

The `storybook` package contains Storybook's core. It includes:

- Storybook's CLI and development server
- Storybook's main UI (aka "the manager")
- Core functionality including component controls, toolbar controls, action logging, viewport control, and interaction debugger
- User-facing utility libraries such as `storybook/test`, `theming`, and `viewport`
- Libraries used by Storybook's ecosystem of frameworks, addons, and builders

It also contains a variety of other libraries and utilities under the `storybook/internal` namespace, such as utilities for CSF, MDX & Docs.

Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

---
_Source: https://npm.io/package/storybook · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._