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
258k
Downloads
ndelangen
shilman
tmeasday
+ 9
Console
Show console output like logs, errors, and warnings in the Storybook
57k
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
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
19k
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.
10k
Downloads
bhishp
Source
Displays the source example of the current story
10k
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
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
783
Downloads
rivkaungar
talkor
yossisaadi.monday
+ 2
Source Link (community version)
Provides a link to the story's source in the toolbar
389
Downloads
sdlazaro
unional
Storybook live examples plugin
Storybook live examples plugin
378
Downloads
reme3d2y
Export to CodeSandbox
Allows to export Story code to CodeSandbox
483
Downloads
layershifter
ling1726
peterdraex
GitHub
A Storybook addon that allows you to link a source code of your story on GitHub.
456
Downloads
kemuridama
AngularJS (1.x) Support
A simple addon to create Storybook stories with AngularJS components.
523
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
554
Downloads
florian.dendorfer_jls.ch
jls-digital-ag
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
361
Downloads
linus_janns
Spec
Annotate story elements with state rules and interactions — numbered badges on the canvas, a spec table in the panel.
794
Downloads
doinki
Storybook live examples plugin
Storybook live examples plugin
256
Downloads
khlutkova
tihonove
ubitso4
+ 9
iFrame
A Storybook addon which allows you to add iFrames to Stories
103
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.
484
Downloads
bmuppa
Custom Events Broadcaster
storybook addon for broadcasting custom events
177
Downloads
derkuba
Storybook AMP Html
Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.
116
Downloads
prototypa
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML. Forked from @whitepace with prettier 3 support
99
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.
122
Downloads
gentslava
Story HTML
Displays the story's compiled HTML in both the addon panel and autodocs canvas.
97
Downloads
dawhite
Twig
Twig source, code, and docs support for Storybook.
165
Downloads
gabrielhamalwa
react-native-storysource-transformer
Provides storybook source in react-native to display on storybook web server
35
Downloads
fabien88
Angular Storysource
Show angular template with args on story tab
28
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
29
Downloads
hirohe
@whitespace/storybook-addon-code
A Storybook addon that extracts and displays syntax-highlighted source code
24
Downloads
arehn
jeanfredrik
whitespace-new
Playscape
A Storybook addon for locally editing, saving, and sharing stories
12
Downloads
willklein
Storybook react-live decorator
react-live decorator for Storybook 6+ | renders story as react-live with given code
21
Downloads
sanusart
StackBlitz
Create a one-click Pull Request environment right from your component
6
Downloads
tsulkowski
fvsch
ericmsimons
+ 1
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2
Downloads
wmcvayreapit
dawsonscott
Panel Template
StoryBook Addon to display template related to a story. Framework agnostic
17
Downloads
oruman
Storysource
View a story’s source code to see how it works and paste into your app
3
Downloads
kasperpeulen
jreinhold
@n_rey/storybook-addon-preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
6
Downloads
n_rey
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2
Downloads
dgonzalezr
Console
Show console output like logs, errors, and warnings in the Storybook
9
Downloads
unional
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
6
Downloads
media-factory-cz
HTML Preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
2
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
20
Downloads
florian.dendorfer_jls.ch
@jfrk/storybook-addon-code
A storybook addon that display any type of code highlighted with Prismjs
3
Downloads
jeanfredrik
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
@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.
3
Downloads
radist2s
Storybook live examples plugin
A Storybook addon for creating interactive live examples
5
Downloads
shuvamk
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
2
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.
3
Downloads
andy2577