Addons

Extend Storybook with new features and connect it to the tools you use.

Code addons

Storysource
View a story’s source code to see how it works and paste into your app
259k
Downloads
ndelangen
shilman
tmeasday
+ 9
Console
Show console output like logs, errors, and warnings in the Storybook
55k
Downloads
thafryer
shaunlloyd
kylegach
+ 23
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
44k
Downloads
jeanfredrik
whitespace-se
pbrotherton
+ 5
Storybook CSS Modules
Storybook CSS Modules preset
45k
Downloads
prototypa
SWC
Storybook add-on to enable SWC builds.
27k
Downloads
karibash
Live Code Editor
A Storybook add-on for live editing stories. Supports React and TypeScript.
21k
Downloads
jeremyrh
SVGR
Storybook addon for transforming SVGs into React components using SVGR
16k
Downloads
benedfit
newhighsco-bot
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.
13k
Downloads
bhishp
Source
Displays the source example of the current story
9k
Downloads
mihkeleidast
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
bhishp
Google Analytics
Storybook addon for google analytics
7k
Downloads
igor-dv
tmeasday
hypnosphi
+ 2
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
3k
Downloads
pbutlewski
storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
5k
Downloads
younkue
storybook-vscode-component
A simple Storybook addon to open the component source in VS Code
2k
Downloads
vilvaathibanpb
Gatsby
Storybook addon used to load stories built with Gatsby
2k
Downloads
angeloashmore
storybook-addon-root-attribute
Storybook Addon Root Attribute to switch html or body attribute at runtime for your story
1k
Downloads
leopard_me
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
1k
Downloads
dgonzalezr
Playground
A playground to enable consumers learn how to use the component library or to reproduce bugs
828
Downloads
rivkaungar
talkor
yossisaadi.monday
+ 2
Storybook live examples plugin
Storybook live examples plugin
733
Downloads
reme3d2y
Source Link (community version)
Provides a link to the story's source in the toolbar
356
Downloads
sdlazaro
unional
GitHub
A Storybook addon that allows you to link a source code of your story on GitHub.
692
Downloads
kemuridama
AngularJS (1.x) Support
A simple addon to create Storybook stories with AngularJS components.
451
Downloads
titonobre
@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
371
Downloads
florian.dendorfer_jls.ch
jls-digital-ag
Export to CodeSandbox
Allows to export Story code to CodeSandbox
424
Downloads
layershifter
ling1726
peterdraex
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
388
Downloads
linus_janns
Spec
Annotate story elements with state rules and interactions — numbered badges on the canvas, a spec table in the panel.
100
Downloads
doinki
Storybook live examples plugin
Storybook live examples plugin
240
Downloads
khlutkova
tihonove
ubitso4
+ 9
iFrame
A Storybook addon which allows you to add iFrames to Stories
128
Downloads
geometricpandadev
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.
154
Downloads
bmuppa
Storybook AMP Html
Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.
93
Downloads
prototypa
Custom Events Broadcaster
storybook addon for broadcasting custom events
131
Downloads
derkuba
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML. Forked from @whitepace with prettier 3 support
102
Downloads
xfinx
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.
125
Downloads
gentslava
Story HTML
Displays the story's compiled HTML in both the addon panel and autodocs canvas.
79
Downloads
dawhite
Twig
Twig source, code, and docs support for Storybook.
112
Downloads
gabrielhamalwa
react-native-storysource-transformer
Provides storybook source in react-native to display on storybook web server
43
Downloads
fabien88
Show Story Code
Storybook addon that shows the full source of the current story file in a syntax-highlighted panel
33
Downloads
maffelu
Angular Storysource
Show angular template with args on story tab
12
Downloads
gabrielgn
Live Edit - Jarle & Monaco
storybook.js addon providing react-live preview and monaco-editor editing
14
Downloads
hirohe
@whitespace/storybook-addon-code
A Storybook addon that extracts and displays syntax-highlighted source code
72
Downloads
arehn
jeanfredrik
whitespace-new
Storybook react-live decorator
react-live decorator for Storybook 6+ | renders story as react-live with given code
29
Downloads
sanusart
Playscape
A Storybook addon for locally editing, saving, and sharing stories
6
Downloads
willklein
StackBlitz
Create a one-click Pull Request environment right from your component
13
Downloads
tsulkowski
fvsch
ericmsimons
+ 1
@n_rey/storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
14
Downloads
n_rey
Panel Template
StoryBook Addon to display template related to a story. Framework agnostic
9
Downloads
oruman
Console
Show console output like logs, errors, and warnings in the Storybook
7
Downloads
unional
Storysource
View a story’s source code to see how it works and paste into your app
2
Downloads
kasperpeulen
jreinhold
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
7
Downloads
tanelterras-elisa
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
6
Downloads
dgonzalezr
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2
Downloads
dgonzalezr
@jfrk/storybook-addon-code
A storybook addon that display any type of code highlighted with Prismjs
5
Downloads
jeanfredrik
@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
10
Downloads
florian.dendorfer_jls.ch
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
5
Downloads
media-factory-cz
@kiriltaran/storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
6
Downloads
kiriltaran
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
4
Downloads
wmcvayreapit
dawsonscott
SWC
Storybook add-on to enable SWC builds.
4
Downloads
radist2s
Storybook live examples plugin
A Storybook addon for creating interactive live examples
1
Downloads
shuvamk
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2
Downloads
dgateles
NxPkg
Create a one-click Pull Request environment right from your component
1
Downloads
nextlinux
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
5
Downloads
pateta
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML for non framework development.
4
Downloads
andy2577