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
44k
Downloads
prototypa
SWC
Storybook add-on to enable SWC builds.
26k
Downloads
karibash
Live Code Editor
A Storybook add-on for live editing stories. Supports React and TypeScript.
20k
Downloads
jeremyrh
SVGR
Storybook addon for transforming SVGs into React components using SVGR
17k
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.
11k
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
2k
Downloads
dgonzalezr
Playground
A playground to enable consumers learn how to use the component library or to reproduce bugs
920
Downloads
rivkaungar
talkor
yossisaadi.monday
+ 2
Source Link (community version)
Provides a link to the story's source in the toolbar
392
Downloads
sdlazaro
unional
Storybook live examples plugin
Storybook live examples plugin
651
Downloads
reme3d2y
GitHub
A Storybook addon that allows you to link a source code of your story on GitHub.
699
Downloads
kemuridama
AngularJS (1.x) Support
A simple addon to create Storybook stories with AngularJS components.
472
Downloads
titonobre
Export to CodeSandbox
Allows to export Story code to CodeSandbox
465
Downloads
layershifter
ling1726
peterdraex
@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
florian.dendorfer_jls.ch
jls-digital-ag
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
419
Downloads
linus_janns
Spec
Annotate story elements with state rules and interactions — numbered badges on the canvas, a spec table in the panel.
303
Downloads
doinki
Storybook live examples plugin
Storybook live examples plugin
197
Downloads
khlutkova
tihonove
ubitso4
+ 9
iFrame
A Storybook addon which allows you to add iFrames to Stories
121
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.
534
Downloads
bmuppa
Storybook AMP Html
Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.
103
Downloads
prototypa
Custom Events Broadcaster
storybook addon for broadcasting custom events
175
Downloads
derkuba
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML. Forked from @whitepace with prettier 3 support
93
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.
116
Downloads
gentslava
Story HTML
Displays the story's compiled HTML in both the addon panel and autodocs canvas.
93
Downloads
dawhite
Twig
Twig source, code, and docs support for Storybook.
154
Downloads
gabrielhamalwa
react-native-storysource-transformer
Provides storybook source in react-native to display on storybook web server
46
Downloads
fabien88
Show Story Code
Storybook addon that shows the full source of the current story file in a syntax-highlighted panel
26
Downloads
maffelu
Angular Storysource
Show angular template with args on story tab
24
Downloads
gabrielgn
Live Edit - Jarle & Monaco
storybook.js addon providing react-live preview and monaco-editor editing
28
Downloads
hirohe
@whitespace/storybook-addon-code
A Storybook addon that extracts and displays syntax-highlighted source code
61
Downloads
arehn
jeanfredrik
whitespace-new
Storybook react-live decorator
react-live decorator for Storybook 6+ | renders story as react-live with given code
33
Downloads
sanusart
Playscape
A Storybook addon for locally editing, saving, and sharing stories
13
Downloads
willklein
StackBlitz
Create a one-click Pull Request environment right from your component
7
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
14
Downloads
oruman
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
3
Downloads
dgonzalezr
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
8
Downloads
tanelterras-elisa
Console
Show console output like logs, errors, and warnings in the Storybook
6
Downloads
unional
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
4
Downloads
wmcvayreapit
dawsonscott
@jfrk/storybook-addon-code
A storybook addon that display any type of code highlighted with Prismjs
5
Downloads
jeanfredrik
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
5
Downloads
media-factory-cz
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
6
Downloads
dgonzalezr
@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
florian.dendorfer_jls.ch
@kiriltaran/storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
5
Downloads
kiriltaran
SWC
Storybook add-on to enable SWC builds.
5
Downloads
radist2s
Storybook live examples plugin
A Storybook addon for creating interactive live examples
1
Downloads
shuvamk
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
2
Downloads
dgateles
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML for non framework development.
5
Downloads
andy2577
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
4
Downloads
pateta