Addons

Storybook Docs: Document UI components automatically with stories and MDX

Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards

Storybook Vitest addon: Blazing fast component testing using stories

Storybook Themes addon: Switch between themes from the toolbar

Storybook Pseudo-states addon: Manipulate CSS pseudo states

The Nx Plugin for Storybook infers tasks and provides generators for allowing your workspace to use the powerful Storybook integration testing & documenting capabilities.

Storybook for React and Rsbuild: Develop React components in isolation with Hot Reloading.

Use Remix React Router in your stories. (Formerly storybook-addon-react-router-v6)

A react-native storybook addon to show different backgrounds for your preview

Storybook Jest addon: Show Jest report in Storybook's addon panel

A Storybook addon that provides a real-time performance monitoring panel with frame timing, input latency, layout shift, and React render profiling.

The Nx Plugin for Storybook contains executors and generators for allowing your workspace to use the powerful Storybook integration testing & documenting capabilities.

Add component status to the storybook UI

A storybook decorator that allows you to use routing-aware components in your stories.

A Storybook addon to switch the data-theme attribute on the html element

Use React Router v6 in your stories

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

Visual Regression Testing for Storybook

Storybook add-on to enable SWC builds.

A storybook addon to switch between different themes for your preview

Manipulate React context inside Storybook. Read state and dispatch updates from outside of React component.

Storybook for CedarJS

A storybook addon that allows you to use components in your stories that rely on Formik context and see internal Formik state in a panel.

A storybook addon to display react docgen info.

Manage state in storybook stories

storybook addon with styled-components theme

Storybook Addon for Material UI Library

Storybook Addon Development Kit

A storybook addon that allows you to use components in your stories that rely on Formik context and see internal Formik state in a panel.

Use your styled-components themes on your favourite storybook

Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards

NextAuth.js mockup provider for jest, storybook and others.

Storybook addon to manage global themes provided by Styled components, Emotion or any other solution based on React component. Compatible with Storybook versions 7 and 8

Manage component state in storybook stories.

Add events to your Storybook stories.

Make stories in Storybook with urql

Switch between multiple mantine themes without restarting Storybook, and visualise your components / pages with each theme applied.

Switch CSS files to change themes

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

Storybook Addon for Material UI 5 Library

Storybook addon that automatically generates MDX documentation from JSDoc comments in your TypeScript and JavaScript files. Supports HTML tags in comments, complex TypeScript types, and integrates seamlessly with Storybook 7.x and 8.x.

Add data fixtures to your components by using local data (JSON files or hardcoded) or even URLs to fetch the data from.

A React Storybook decorator with helpful display options for hosting components under test

Storybook I18n Addon can be used to change locale of the component inside the preview in storybook

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

Storybook add on that implements the react dev tool for your stories

Storybook Addon Contexts

Automatic real-time story file generation from React, Vue, Angular and Lit component files

Storybook 10 addon that renders Slack Block Kit JSON the way Slack would — decorator + panel + toolbar globals (surface/theme) + MDX doc block.

Adds a panel to display Vitest unit test results

Add links to your stories within sections

Storybook addon for next-yak CSS-in-JS

Storybook for RedwoodJS with Vite

A Storybook addon that enables full-text search through your MDX files.

storybook.js addon providing live react story editing and preview

Embed 3rd party media content in MDX - no import required

storybook addon with emotion theme

Storybook addon for caliper-docgen — argTypes from a live caliper-docgen session

A react-native storybook addon to use themes with styled-components

Leave visual annotations and threaded comments on the Storybook canvas, anchored to components or text ranges.

Storybook addon for styled components with theme provider

Storybook addon: grab story elements into your clipboard for AI agents, enriched with story context.

Storybook addon for deploying sematically versioned components

Storybook addon for Redux Components

Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.

A react-native storybook addon to use themes with react native paper, credits to https://github.com/h-des/storybook-addon-ondevice-styled-theme

Storybook addon for @yak/react CSS-in-JS

Catch accessibility violations in your Storybook stories as you develop

Visual Regression Testing for Storybook

Themes, Theme Providers & true dark mode for Storybook

Displays how component is rendered in storybook

Storybook react-grab addon

A Storybook addon that provides a real-time performance monitoring panel with frame timing, input latency, layout shift, and React render profiling. Alfadocs fork with a test entry for CI.

A storybook addon that allows you to use components in your stories that rely on Formik context and see internal Formik state in a panel.

Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards

A Storybook 10 and 11 addon to automatically generate a visual dependency tree for your components.

A Storybook addon for switching different themes (ex. daisyUI etc.)

A lightweight Storybook addon for theme switching, keeping Manager UI, Canvas stories, and Docs pages in sync.

A Storybook addon to sync Figma designs with components and perform pixel-visual regression testing.

Storybook Vitest addon: Blazing fast component testing using stories

An add-on to toggle tailwind dark mode (selector)

Storybook addon to provide react live preview powered by react-runner

Storybook Vitest addon: Blazing fast component testing using stories (with updated dependencies)

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

Procore Storybook Configuration

A storybook addon for previewing component files

A storybook addon to select grommet themes

Temporary fork of storybook-addon-module-mock for 8.0 compatbility

Storybook Addon for Material UI 5 Library with React 18 Support

Add component status to the storybook UI

Automatically generate clean, human-readable Storybook sidebar titles from your file structure.

storybook.js addon providing react-live preview and monaco-editor editing

Storybook Addon for Material UI 5 Library

A storybook addon to switch between different themes for your preview

React storybook addon that show component jest report

Controlling the locale of the stories

Visual Regression Testing for Storybook

A storybook addon to switch between different themes for your preview

This storybook addon adds a panel showing the rendered static HTML markup of a story.

Addon for Storybook with useful defaults and integration with Compositive.

Switch between themes based on CSS custom properties

Switch backgrounds to view components in different settings

Storybook provider / hook add-on for consuming storyContext and storyFn anywhere in the story render tree.

A Storybook addon to switch the data-theme attribute on the html element

Contrast is a Storybook Addon that automatically tells you the difference between your code and Figma designs. It's like a spell-checker for UI.

Select between themes and tweak them directly in a panel.

This is a fork of @takuma-ru/auto-story-generator and supports Angular

A starter project with react native 0.68, @storybook/react-native 6.0 beta, storybook/addon-react-native-web

Browse across stories with an interactive dependency tree on autodocs page.

A storybook addon for previewing component files

Storybook addon that automatically generates MDX documentation from JSDoc comments in your TypeScript and JavaScript files. Supports HTML tags in comments, complex TypeScript types, and integrates seamlessly with Storybook 9.x (previously Storybook 7.x an

Storybook Onboarding: Help new users learn how to write stories

Inspect a React component JSX output

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

Storybook addon which makes your story source interactive

Navigate different versions of storybook style guides.

A library for creating patterns in Storybook that can be used with Drupal or other compatible platforms.

The Storybook Design Token Addon allows you to generate design token documentation from your stylesheets.

Inspect a React component HTML output

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 for Material UI Library

A storybook addon to switch between different themes for your preview

Navigate different versions of storybook style guides.

Storybook Addon for Material UI 5 Library

Visual Regression Testing for Storybook forked to support @storybook-react ^7

Themeful Storybook Theme Switch

Add use-intl support to Storybook

An Addon for Storybook to enable react live editing

Storybook add-on to enable SWC builds.

storybook addon with styled-components theme

A storybook addon to switch between css resources at runtime for your story

Extract and expose Storybook component metadata via REST API. Works with any framework (React, Vue, Angular, Svelte, etc.)

Add component status to the storybook UI clone

Add a Bugherd feedback button to the storybook UI

storybook addon with chakra theme

Storybook addon that allows you to display AMP HTML components generated with react in your stories

An editable context for react

A react-native storybook addon to use themes with emotion

A storybook addon to add a `edit this page...` link

A storybook addon to add a edit this... link

Components UI

Automatically detect and display browser compatibility for your Storybook components using Baseline data. Supports React, Vue, Angular, and all frameworks with CSS-in-JS detection.

Navigate different versions of storybook style guides.

storybook.js addon providing live react story editing and preview

Storybook Themes addon: Switch between themes from the toolbar