Addons

View a story’s source code to see how it works and paste into your app

Show console output like logs, errors, and warnings in the Storybook

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

Storybook CSS Modules preset

A Storybook add-on for live editing stories. Supports React and TypeScript.

Storybook add-on to enable SWC builds.

Storybook addon for transforming SVGs into React components using SVGR

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.

Displays the source example of the current story

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.

Storybook addon for google analytics

Storybook Addon Preview can show user selected knobs in various framework code in Storybook

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

A simple Storybook addon to open the component source in VS Code

Storybook addon used to load stories built with Gatsby

Storybook Addon Root Attribute to switch html or body attribute at runtime for your story

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

A playground to enable consumers learn how to use the component library or to reproduce bugs

Storybook live examples plugin

Provides a link to the story's source in the toolbar

A Storybook addon that allows you to link a source code of your story on GitHub.

A simple addon to create Storybook stories with AngularJS components.

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

Allows to export Story code to CodeSandbox

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

Annotate story elements with state rules and interactions — numbered badges on the canvas, a spec table in the panel.

Storybook live examples plugin

A Storybook addon which allows you to add iFrames to Stories

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.

Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.

storybook addon for broadcasting custom events

A Storybook addon that extracts and displays compiled syntax-highlighted HTML. Forked from @whitepace with prettier 3 support

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.

Displays the story's compiled HTML in both the addon panel and autodocs canvas.

Twig source, code, and docs support for Storybook.

Provides storybook source in react-native to display on storybook web server

Storybook addon that shows the full source of the current story file in a syntax-highlighted panel

Show angular template with args on story tab

storybook.js addon providing react-live preview and monaco-editor editing

A Storybook addon that extracts and displays syntax-highlighted source code

react-live decorator for Storybook 6+ | renders story as react-live with given code

A Storybook addon for locally editing, saving, and sharing stories

Create a one-click Pull Request environment right from your component

StoryBook Addon to display template related to a story. Framework agnostic

Storybook Addon Preview can show user selected knobs in various framework code in Storybook

This a fork intended to make use of pull request in original addon: https://github.com/whitespace-se/storybook-addon-html/pull/61

Show console output like logs, errors, and warnings in the Storybook

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

View a story’s source code to see how it works and paste into your app

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

A storybook addon that display any type of code highlighted with Prismjs

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

Storybook Addon Preview can show user selected knobs in various framework code in Storybook

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

Storybook add-on to enable SWC builds.

A Storybook addon for creating interactive live examples

A Storybook addon that extracts and displays compiled syntax-highlighted HTML

Create a one-click Pull Request environment right from your component

A Storybook addon that extracts and displays compiled syntax-highlighted HTML for non framework development.

A Storybook addon that extracts and displays compiled syntax-highlighted HTML