Addons

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 DTCG design tokens — toolbar, panel, and useToken hook.

Storybook addon for embedding your design preview in addon panel

Column guides for your stories

Interact with css custom properties dynamically in the Storybook UI

Addon storybook to themes using design tokens with css variables

Zeplin addon for Storybook

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

Storybook addon to display breakpoint sizes and their according name mappings

Switch CSS files to change themes

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

storybook-addon-useragent

Design asset preview for storybook

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

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.

Design System documentation that comes directly from your tailwind config.

a Storybook addon help you visually customize an ant design theme

Anima CLI for storybook

A Storybook addon to resize the story iframe with draggable handles

An addon for testing responsive designs

Storybook addon for design token tables

Storybook for design assets with a pixel perfect preview

Anima CLI for storybook

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

Anima's Storybook addon for exporting components to Figma

Measures the height and width of the current viewport

Storybook addon panel for chatting with Claude via the standalone daemon

Storybook addon for embedding your design preview in addon panel

Catch design drift between Figma and Storybook before it ships.

Storybook addon for embedding your design preview in addon panel

Switch backgrounds to view components in different settings

Inspect layouts by visualizing the box model

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

Addon for Storybook with useful defaults and integration with Compositive.

Switch between themes based on CSS custom properties

Interact with css custom properties dynamically in the Storybook UI

use stylers.cloud in your storybook

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

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.

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

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.

Zeplin addon for Storybook

Themeful Storybook Theme Switch