Integrations

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

Add your integration

Web-components Svelte React Playwright Css Accessibility

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

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

storybook-vscode-component

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

CSS Variables Theme

Switch CSS files to change themes

Table of contents

Table of contents addon for Storybook Docs

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.

Document component usage and properties in Markdown

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

Add badges to your stories

Storybook include

Folder based storybook configuration

Display Storybook tags as badges in the sidebar and toolbar.

Document component usage and properties in Markdown

Table of contents

Table of contents addon for Storybook Docs

Component dependency tree

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

storybook-addon-package-shopping-cart

Storybook Package Shopping Cart for Monorepos

Add component status to the storybook UI clone