Docs
AI
Addons
Showcase
Blog
Visual Test
Enterprise
91,528
Search docs
Get Started
Addons
Recipes
Third-party tools
Addons
Extend Storybook with new features and connect it to the tools you use.
Add your addon
Categories
Popular
Essential
Code
Data & State
Test
Style
Design
Appearance
Organize
How to install addons
Create an addon
Code addons
Storysource
View a story’s source code to see how it works and paste into your app
259k
Downloads
+ 9
Console
Show console output like logs, errors, and warnings in the Storybook
55k
Downloads
+ 23
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
44k
Downloads
+ 5
Storybook CSS Modules
Storybook CSS Modules preset
44k
Downloads
SWC
Storybook add-on to enable SWC builds.
26k
Downloads
Live Code Editor
A Storybook add-on for live editing stories. Supports React and TypeScript.
20k
Downloads
SVGR
Storybook addon for transforming SVGs into React components using SVGR
17k
Downloads
Formik
A storybook addon that allows you to use components in your stories that rely on Formik context and see internal Formik state in a panel.
11k
Downloads
Source
Displays the source example of the current story
9k
Downloads
Formik
A storybook addon that allows you to use components in your stories that rely on Formik context and see internal Formik state in a panel.
9k
Downloads
Google Analytics
Storybook addon for google analytics
7k
Downloads
+ 2
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
3k
Downloads
storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
5k
Downloads
storybook-vscode-component
A simple Storybook addon to open the component source in VS Code
2k
Downloads
Gatsby
Storybook addon used to load stories built with Gatsby
2k
Downloads
storybook-addon-root-attribute
Storybook Addon Root Attribute to switch html or body attribute at runtime for your story
1k
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2k
Downloads
Playground
A playground to enable consumers learn how to use the component library or to reproduce bugs
920
Downloads
+ 2
Source Link (community version)
Provides a link to the story's source in the toolbar
392
Downloads
Storybook live examples plugin
Storybook live examples plugin
651
Downloads
GitHub
A Storybook addon that allows you to link a source code of your story on GitHub.
699
Downloads
AngularJS (1.x) Support
A simple addon to create Storybook stories with AngularJS components.
472
Downloads
Export to CodeSandbox
Allows to export Story code to CodeSandbox
465
Downloads
@jls-digital/storybook-addon-code
This storybook addon provides the ability to display a panel on stories with any code you want. It's mostly a wrapper for [storybook's syntax highlighter](https://github.com/storybookjs/storybook/tree/main/code/ui/components/src/components/syntaxhighlight
555
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
419
Downloads
Spec
Annotate story elements with state rules and interactions — numbered badges on the canvas, a spec table in the panel.
303
Downloads
Storybook live examples plugin
Storybook live examples plugin
197
Downloads
+ 9
iFrame
A Storybook addon which allows you to add iFrames to Stories
121
Downloads
Code
A Storybook panel that shows the HTML, TS and SCSS of the current story, with a copy button per file, and the same tabs for your docs pages.
534
Downloads
Storybook AMP Html
Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.
103
Downloads
Custom Events Broadcaster
storybook addon for broadcasting custom events
175
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML. Forked from @whitepace with prettier 3 support
93
Downloads
Formik
A storybook addon that allows you to use components in your stories that rely on Formik context and see internal Formik state in a panel.
116
Downloads
Story HTML
Displays the story's compiled HTML in both the addon panel and autodocs canvas.
93
Downloads
Twig
Twig source, code, and docs support for Storybook.
154
Downloads
react-native-storysource-transformer
Provides storybook source in react-native to display on storybook web server
46
Downloads
Show Story Code
Storybook addon that shows the full source of the current story file in a syntax-highlighted panel
26
Downloads
Angular Storysource
Show angular template with args on story tab
24
Downloads
Live Edit - Jarle & Monaco
storybook.js addon providing react-live preview and monaco-editor editing
28
Downloads
@whitespace/storybook-addon-code
A Storybook addon that extracts and displays syntax-highlighted source code
61
Downloads
Storybook react-live decorator
react-live decorator for Storybook 6+ | renders story as react-live with given code
33
Downloads
Playscape
A Storybook addon for locally editing, saving, and sharing stories
13
Downloads
StackBlitz
Create a one-click Pull Request environment right from your component
7
Downloads
+ 1
@n_rey/storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
14
Downloads
Panel Template
StoryBook Addon to display template related to a story. Framework agnostic
14
Downloads
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
3
Downloads
Storysource
View a story’s source code to see how it works and paste into your app
2
Downloads
HTML preview
This a fork intended to make use of pull request in original addon: https://github.com/whitespace-se/storybook-addon-html/pull/61
8
Downloads
Console
Show console output like logs, errors, and warnings in the Storybook
6
Downloads
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
4
Downloads
@jfrk/storybook-addon-code
A storybook addon that display any type of code highlighted with Prismjs
5
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
5
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
6
Downloads
@florian.dendorfer_jls.ch/storybook-addon-code
This storybook addon provides the ability to display a panel on stories with any code you want. It's mostly a wrapper for [storybook's syntax highlighter](https://github.com/storybookjs/storybook/tree/main/code/ui/components/src/components/syntaxhighlight
16
Downloads
@kiriltaran/storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
5
Downloads
SWC
Storybook add-on to enable SWC builds.
5
Downloads
Storybook live examples plugin
A Storybook addon for creating interactive live examples
1
Downloads
NxPkg
Create a one-click Pull Request environment right from your component
1
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML for non framework development.
5
Downloads
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
4
Downloads