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

Zeplin addon for Storybook

Addon storybook to themes using design tokens with css variables

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

Switch CSS files to change themes

Storybook addon to display breakpoint sizes and their according name mappings

storybook-addon-useragent

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

Design system documentation that comes directly from your tailwind config.

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

Design asset preview for storybook

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.

An addon for testing responsive designs

a Storybook addon help you visually customize an ant design theme

Anima CLI for storybook

Storybook addon for design token tables

A Storybook addon to resize the story iframe with draggable handles

Measure how much of your design system is in code, and whether it matches Figma: coverage, parity and drift for every Storybook story.

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.

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

Storybook addon for embedding your design preview in addon panel

Storybook addon for embedding your design preview in addon panel

Measure how much of your design system is in code, and whether it matches Figma: coverage, parity and drift for every Storybook story.

Switch backgrounds to view components in different settings

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

use stylers.cloud in your storybook

Addon for Storybook with useful defaults and integration with Compositive.

Inspect layouts by visualizing the box model

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

Switch between themes based on CSS custom properties

Interact with css custom properties dynamically in the Storybook UI

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

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 9/10 addon that enables seamless switching between light, dark, and auto (browser-synced) color schemes directly from the toolbar.

Themeful Storybook Theme Switch

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

Zeplin addon for Storybook