Integrations

Storybook addon for embedding your design preview in addon panel

A base addon for configuring popular styling tools in Webpack

A base addon for configuring popular styling tools

Storybook addon for embedding your design preview in addon panel

Addon storybook to themes using design tokens with css variables

Column guides for your stories

Interact with css custom properties dynamically in the Storybook UI

Zeplin addon for Storybook

Storybook addon to display breakpoint sizes and their according name mappings

Choose a color from custom color palette and set it on component's control and/or copy it to clipboard.

Storybook addon that enhances the visual layout of Storybook stories by providing a grid overlay

Switch CSS files to change themes

storybook-addon-useragent

Design with Playroom inside Storybook, using each story source as a starting point

Design asset preview for storybook

Storybook addon for DTCG design tokens — toolbar, panel, and useToken hook.

Design system documentation that comes directly from your tailwind config.

Abstract previews for storybook

A responsive, grid-based columns overlay.

A Storybook addon that adds tabs to the Docs Addon.

A Storybook addon to resize the story iframe with draggable handles

a Storybook addon help you visually customize an ant design theme

Anima CLI for storybook

An addon for testing responsive designs

Storybook addon for design token tables

Design System documentation that comes directly from your tailwind config.

Storybook for design assets with a pixel perfect preview

Catch design drift between Figma and Storybook before it ships.

Anima CLI for storybook

Build pixel perfect components by adding an overlaying image of component in Storybook's preview iframe.

Measures the height and width of the current viewport

Anima's Storybook addon for exporting components to Figma

Storybook addon panel for chatting with Claude via the standalone daemon

Interact with css custom properties dynamically in the Storybook UI

Build pixel perfect components by adding an overlaying image of component in Storybook's preview iframe.

use stylers.cloud in your storybook

Switch between themes based on CSS custom properties

Storybook 9/10 addon that enables seamless switching between light, dark, and auto (browser-synced) color schemes directly from the toolbar.

Storybook addon for embedding your design preview in addon panel

Themeful Storybook Theme Switch

Storybook Addon Range Controls lets you discover layout issues by adjusting story args with sliders.

Build pixel perfect components by adding an overlaying image of component in Storybook's preview iframe.

Inspect layouts by visualizing the box model

Addon for Storybook with useful defaults and integration with Compositive.

Storybook Builder is a visual editor for creating pages and prototypes using existing Storybook components. It lets teams combine, nest, and configure components quickly, preview changes instantly, and turn ideas into reusable UI faster.

Switch backgrounds to view components in different settings

Zeplin addon for Storybook

Storybook addon to show themes and use ecosystem for global theme value.

Storybook addon for embedding your design preview in addon panel