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

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

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

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

Storybook live examples plugin

Allows to export Story code to CodeSandbox

A simple addon to create Storybook stories with AngularJS components.

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

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

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

storybook addon for broadcasting custom events

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 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

Show angular template with args on story tab

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

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

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

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

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

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

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

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

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

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

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

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

Storybook add-on to enable SWC builds.

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

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.