Integrations

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

Add your integration

Svelte Web-components Component Angular Testing-library Vitest

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.

CSS Variables Theme

Switch CSS files to change themes

storybook-addon-markdown-docs

Write documentation in markdown for storybook

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.

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

Document component usage and properties in Markdown

Add component status to the storybook UI

Table of contents

Table of contents addon for Storybook Docs

Add badges to your stories

Storybook include

Folder based storybook configuration

Document component usage and properties in Markdown

Component dependency tree

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

Add component status to the storybook UI clone

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

storybook-addon-package-shopping-cart

Storybook Package Shopping Cart for Monorepos

Display Storybook tags as badges in the sidebar and toolbar.