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
256k
Downloads
ndelangen
shilman
tmeasday
+ 9
Console
Show console output like logs, errors, and warnings in the Storybook
54k
Downloads
thafryer
shaunlloyd
kylegach
+ 23
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
45k
Downloads
jeanfredrik
whitespace-se
pbrotherton
+ 5
Storybook CSS Modules
Storybook CSS Modules preset
47k
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.
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.
8k
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
3k
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
Playground
A playground to enable consumers learn how to use the component library or to reproduce bugs
963
Downloads
rivkaungar
talkor
yossisaadi.monday
+ 2
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2k
Downloads
dgonzalezr
Source Link (community version)
Provides a link to the story's source in the toolbar
311
Downloads
sdlazaro
unional
Storybook live examples plugin
Storybook live examples plugin
500
Downloads
reme3d2y
Export to CodeSandbox
Allows to export Story code to CodeSandbox
471
Downloads
layershifter
ling1726
peterdraex
GitHub
A Storybook addon that allows you to link a source code of your story on GitHub.
535
Downloads
kemuridama
AngularJS (1.x) Support
A simple addon to create Storybook stories with AngularJS components.
520
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
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.
536
Downloads
doinki
Storybook live examples plugin
Storybook live examples plugin
245
Downloads
khlutkova
tihonove
ubitso4
+ 9
iFrame
A Storybook addon which allows you to add iFrames to Stories
99
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.
519
Downloads
bmuppa
Storybook AMP Html
Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.
113
Downloads
prototypa
Custom Events Broadcaster
storybook addon for broadcasting custom events
171
Downloads
derkuba
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML. Forked from @whitepace with prettier 3 support
92
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.
94
Downloads
dawhite
Twig
Twig source, code, and docs support for Storybook.
162
Downloads
gabrielhamalwa
react-native-storysource-transformer
Provides storybook source in react-native to display on storybook web server
44
Downloads
fabien88
Angular Storysource
Show angular template with args on story tab
26
Downloads
gabrielgn
Show Story Code
Storybook addon that shows the full source of the current story file in a syntax-highlighted panel
26
Downloads
maffelu
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
30
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
12
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
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
4
Downloads
wmcvayreapit
dawsonscott
Storysource
View a story’s source code to see how it works and paste into your app
2
Downloads
kasperpeulen
jreinhold
Console
Show console output like logs, errors, and warnings in the Storybook
7
Downloads
unional
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
@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
6
Downloads
media-factory-cz
@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
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
3
Downloads
dgonzalezr
@kiriltaran/storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
5
Downloads
kiriltaran
Storybook live examples plugin
A Storybook addon for creating interactive live examples
2
Downloads
shuvamk
SWC
Storybook add-on to enable SWC builds.
4
Downloads
radist2s
NxPkg
Create a one-click Pull Request environment right from your component
3
Downloads
nextlinux
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
1
Downloads
dgateles
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
4
Downloads
pateta
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML for non framework development.
4
Downloads
andy2577