10 Best React Storybook Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

@storybook/react

📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
268
Top Feedback
25Great Documentation
19Highly Customizable
17Performant
GitHub Stars
65K
Weekly Downloads
2M
Last Commit
10hrs ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@storybook/addon-backgrounds

📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
65K
Weekly Downloads
2M
Last Commit
10hrs ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@storybook/addon-jest

📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
65K
Weekly Downloads
47K
Last Commit
10hrs ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@nrwl/storybook

Smart, Extensible Build Framework

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
9K
Weekly Downloads
286K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@storybook/addon-contexts

📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
65K
Weekly Downloads
12K
Last Commit
10hrs ago
Bundle Size (min+gzip)
639.7KB
Not Tree-Shakeable

@storybook/addon-cssresources

📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
65K
Weekly Downloads
10K
Last Commit
10hrs ago
Bundle Size (min+gzip)
15.2KB
Tree-Shakeable

@storybook/addon-events

📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
65K
Weekly Downloads
3K
Last Commit
10hrs ago
Bundle Size (min+gzip)
15.1KB
Tree-Shakeable

@storybook/preset-create-react-app

🧩 Presets for Storybook

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
331
Weekly Downloads
412K
Last Commit
15d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@storybook/addon-ondevice-knobs

📓 Storybook for React Native!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
408
Weekly Downloads
59K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

storybook-addon-performance

🚧 A storybook addon to help better understand and debug performance for React components.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
554
Weekly Downloads
40K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
lok

loki

👁 Visual Regression Testing for Storybook

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
32K
Last Commit
11d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
sat

storybook-addon-themes

A storybook addon to switch between different themes for your preview

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
62
Weekly Downloads
32K
Last Commit
3mos ago
Bundle Size (min+gzip)
22.8KB
Not Tree-Shakeable

storybook-design-token

Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
355
Weekly Downloads
6K
Last Commit
16d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

storybook-addon-material-ui

Addon for storybook wich wrap material-ui components into MuiThemeProvider. 📃 This helps and simplifies development of material-ui based components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
539
Weekly Downloads
45K
Last Commit
7mos ago
Bundle Size (min+gzip)
2.64KB
Not Tree-Shakeable
sf

storybook-formik

A storybook decorator that allows you to use components in your stories that rely on Formik context.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
42
Weekly Downloads
12K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@react-theming/storybook-addon

Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
151
Weekly Downloads
15K
Last Commit
7mos ago
Bundle Size (min+gzip)
39.2KB
Not Tree-Shakeable

@storybook/addon-devkit

Addon Development Kit for Storybook

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
31
Weekly Downloads
15K
Last Commit
7mos ago
Bundle Size (min+gzip)
58.9KB
Not Tree-Shakeable
sas

storybook-addon-styled-component-theme

storybook addon

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
180
Weekly Downloads
30K
Last Commit
7mos ago
Bundle Size (min+gzip)
27.0KB
Not Tree-Shakeable
ts

themeprovider-storybook

💅 Use your theme-provider on your favourite storybook 💅

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
62
Weekly Downloads
13K
Last Commit
5mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rdt

react-docgen-typescript-loader

Webpack loader to generate docgen information from Typescript React components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
364
Weekly Downloads
414K
Last Commit
1yr ago
Bundle Size (min+gzip)
78.1KB
Not Tree-Shakeable

storybook-addon-smart-knobs

🧠 This Storybook plugin uses @storybook/addon-knobs but creates the knobs automatically based on PropTypes.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
218
Weekly Downloads
6K
Last Commit
2mos ago
Bundle Size (min+gzip)
2.08KB
Not Tree-Shakeable
srr

storybook-react-router

A storybook decorator that allows you to use routing-aware components in your stories

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
250
Weekly Downloads
103K
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.43KB
Not Tree-Shakeable

@storybook/react-komposer

Deprecated - for bug fixes and maintenance only

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
8
Weekly Downloads
62K
Last Commit
3yrs ago
Bundle Size (min+gzip)
10.9KB
Not Tree-Shakeable
sr

storybook-readme

React Storybook addon to render README files in github style

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
525
Weekly Downloads
43K
Last Commit
1yr ago
Bundle Size (min+gzip)
60.1KB
Not Tree-Shakeable
ss

@sambego/storybook-state

Manage state inside storybook stories

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
154
Weekly Downloads
32K
Last Commit
2yrs ago
Bundle Size (min+gzip)
24.1KB
Not Tree-Shakeable
sas

storybook-addon-specifications

📖 Write tests next to your stories and display their results inside storybook interface

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
455
Weekly Downloads
5K
Last Commit
1yr ago
Bundle Size (min+gzip)
7.77KB
Not Tree-Shakeable
rsa

react-storybook-addon-props-combinations

Given possible values for each prop, renders your component with all combinations of prop values.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
135
Weekly Downloads
13K
Last Commit
3yrs ago
Bundle Size (min+gzip)
27.6KB
Not Tree-Shakeable
sai

storybook-addon-i18n

Storybook I18n Addon can be used to change locale of the component inside the preview in storybook

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
35
Weekly Downloads
11K
Last Commit
1yr ago
Bundle Size (min+gzip)
40.1KB
Not Tree-Shakeable

storybook-adk

Addon Development Kit for Storybook

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
31
Weekly Downloads
49
Last Commit
7mos ago
Bundle Size (min+gzip)
29.9KB
Not Tree-Shakeable

react-storybook-addon-chapters

📒 Showcase multiple React components within a story

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
150
Weekly Downloads
3K
Last Commit
2yrs ago
Bundle Size (min+gzip)
660.1KB
Not Tree-Shakeable
sh

storybook-host

A React Storybook decorator with helpful display options for hosting components under test.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
129
Weekly Downloads
3K
Last Commit
1yr ago
Bundle Size (min+gzip)
49.3KB
Not Tree-Shakeable

react-theming

Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
151
Weekly Downloads
3
Last Commit
7mos ago
Bundle Size (min+gzip)
0.75KB
Not Tree-Shakeable
rsd

react-storybook-decorator-background

Background colors for your React Storybook

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
28
Weekly Downloads
564
Last Commit
5yrs ago
Bundle Size (min+gzip)
1.14KB
Not Tree-Shakeable

@storybook/react-inspector

🔍 Power of Browser DevTools inspectors right inside your React app

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
581
Weekly Downloads
3
Last Commit
6mos ago
Bundle Size (min+gzip)
18.0KB
Not Tree-Shakeable
sas

storybook-addon-scissors

React Storybook addon for showcasing stories in containers mimicking device sizes

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
48
Weekly Downloads
97
Last Commit
2yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable