Integrations

Integrate your tools with Storybook to connect workflows and unlock advanced features.

Add your integration

React Components Angular Svelte Vue Toggle

Categories

How to install addons Create an addon

Organize integrations

Storybook Docs: Document UI components automatically with stories and MDX

Storybook Links: Link stories together to build demos and prototypes with your UI components

Display Storybook tags as badges in the sidebar and toolbar.

Add component status to the storybook UI

A Storybook addon which allows you to add badges to your stories

Vue support for MDX

Use Vue components inside MDX files, as if they were React components.

Table of contents

Table of contents addon for Storybook Docs

storybook-addon-markdown-docs

Write documentation in markdown for storybook

CSS Variables Theme

Switch CSS files to change themes

storybook-vscode-component

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

A Storybook addon that adds tabs to the Docs Addon.

Branch switcher

A Storybook addon to navigate between multiple Git branches.

Add component status to the storybook UI

Storybook include

Folder based storybook configuration

Add badges to your stories

Link stories together to build demos and prototypes with your UI components

Component dependency tree

Browse across stories with an interactive dependency tree on autodocs page.

Document component usage and properties in Markdown

Document component usage and properties in Markdown

Table of contents

Table of contents addon for Storybook Docs

Add component status to the storybook UI clone

storybook-addon-package-shopping-cart

Storybook Package Shopping Cart for Monorepos