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