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

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

Addon storybook to themes using design tokens with css variables

Switch CSS files to change themes

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

storybook-addon-useragent

Storybook addon to display breakpoint sizes and their according name mappings

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.

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

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

use stylers.cloud in your storybook

Inspect layouts by visualizing the box model

Addon for Storybook with useful defaults and integration with Compositive.

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

Switch backgrounds to view components in different settings

Switch between themes based on CSS custom properties

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 Range Controls lets you discover layout issues by adjusting story args with sliders.

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

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.

Themeful Storybook Theme Switch

Zeplin addon for Storybook