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

Storybook add-on to enable SWC builds.

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

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

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 Preview can show user selected knobs in various framework code in Storybook

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 playground to enable consumers learn how to use the component library or to reproduce bugs

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

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

Storybook live examples plugin

Allows to export Story code to CodeSandbox

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

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

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

Storybook live examples plugin

A Storybook addon which allows you to add iFrames to Stories

storybook addon for broadcasting custom events

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

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

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.

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

Show angular template with args on story tab

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

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

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

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

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

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

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

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 extracts and displays compiled syntax-highlighted HTML

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

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

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

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

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

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

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

Storybook add-on to enable SWC builds.

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

A Storybook addon for creating interactive live examples

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

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