Addons

Storybook Themes addon: Switch between themes from the toolbar

Storybook Pseudo-states addon: Manipulate CSS pseudo states

Storybook CSS Modules preset

Storybook addon used to run the PostCSS preprocessor with Sass support against your stories.

Interact with css custom properties dynamically in the Storybook UI

Addon storybook to themes using design tokens with css variables

Toggle stories between light and dark mode using tailwind

Storybook decorator to enable automatic generation and displaying of CSS pseudo states for components.

Storybook addon to display breakpoint sizes and their according name mappings

Switch CSS files to change themes

Storybook addon that adds ability to emulate render mode (css user preferences) of a story

Design system documentation that comes directly from your tailwind config.

A storybook addon which helps you to test how your REM sized components behave.

Bring the power of Applitools Eyes Visual AI addon into your Storybook UI to instantly detect visual bugs and ensure every component looks right, every time

Font inspector for storybook

Switch easily between multiple themes declared in your css files

Design System documentation that comes directly from your tailwind config.

Storybook tailwind foundations from tailwind.config.js as stories

Emulate CSS user preferences in Storybook

A storybook addon which helps you to test how your REM sized components behave.

Click on any storybook element to see the element's type selector, class selector, and ID selector CSS styles

Theme switcher tool addon that changes the themes using CSS custom properties

Edit CSS properties defined in your component to see how stories react

Emulate CSS user preferences in Storybook

Interact with css component tokens dynamically in the Storybook UI

Storybook Themes addon: Switch between themes from the toolbar

Theme switcher tool addon that changes the theme using CSS custom properties

This addon allows you to customize the CSS Properties of your project

Inspects the computed css properties applied to an element in storybook

Allows you to toggle a data attributes on any dom element to switch between light and dark mode.

Toggle stories between light and dark mode using tailwind

Storybook decorator to enable automatic generation and displaying of CSS pseudo states for components.

Allow customize storybook global css variables

Storybook addon for live design token integration with Tokens Studio

A Storybook decorator that applies a theme knob to the knobs panel given a list of theme objects each containing an id and an imported css file

A Storybook addon for toggling between stylesheets.

Storybook decorator to enable automatic generation and displaying of CSS pseudo states for components.

A storybook addon to test pseudo styles for your stories.

Storybook decorator to enable automatic generation and displaying of CSS pseudo states for components.

An addon that applies inheritable css properties around a component to better test random use cases

Storybook tailwind foundations from tailwind.config.js as stories

Css Var theming addon for Storybook

Used to inspect the font of the storybook

Inspect layouts by visualizing the box model

Storybook decorator to enable automatic generation and displaying of CSS pseudo states for components.

Interact with css custom properties dynamically in the Storybook UI

use stylers.cloud in your storybook

Inspect a React component JSX output

Outline all elements with CSS to help with layout placement and alignment

A Storybook addon that extracts and displays compiled syntax-highlighted HTML & CSS

Allows switching between CSS files in the story previews

A Storybook add-on that makes it easy to disable stylesheets.

Inspect a React component HTML output

Themeful Storybook Theme Switch

Interact with css component tokens dynamically in the Storybook UI

storybook addon for configuring popular styling tools

The addon gives you the ability to opt in different classes independently.

A Storybook addon for toggling between stylesheets.

A Storybook addon to diplay css outlines in our stories

Switch between different style sheets

Toggle stories between light and dark mode using tailwind

Storybook tool to switch between themes.

Switch easily between multiple themes declared in your css files