Integrations

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

Add your integration

Svelte React Angular Vue Components Web-components

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.

storybook-addon-markdown-docs

Write documentation in markdown for storybook

CSS Variables Theme

Switch CSS files to change themes

Table of contents

Table of contents addon for Storybook Docs

storybook-vscode-component

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

Branch switcher

A Storybook addon to navigate between multiple Git branches.

A Storybook addon that adds tabs to the Docs Addon.

Add component status to the storybook UI

A Storybook addon that enables full-text search through your MDX files.

Add badges to your stories

Storybook include

Folder based storybook configuration

Document component usage and properties in Markdown

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

Table of contents

Table of contents addon for Storybook Docs

Display Storybook tags as badges in the sidebar and toolbar.

Document component usage and properties in Markdown

storybook-addon-package-shopping-cart

Storybook Package Shopping Cart for Monorepos

Component dependency tree

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

Add component status to the storybook UI clone