Integrations

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

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

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

React storybook addon that show component jest report

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

Add component status to the storybook UI

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

Storybook add-on to enable SWC builds.

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

Visual Regression Testing for Storybook

A storybook addon to switch between different themes for your preview

Provides module mocking functionality like `jest.mock` on Storybook@9.

A storybook addon to display react docgen info.

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

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

storybook addon with styled-components theme

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.

Storybook Addon for Material UI Library

Manage state in storybook stories

Switch CSS files to change themes

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

Make stories in Storybook with urql

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

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

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

Manage component state in storybook stories.

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

Storybook for RedwoodJS with Vite

Storybook Addon Contexts

Add events to your Storybook stories.

storybook addon with emotion theme

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

Storybook Addon for Material UI 5 Library

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

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

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 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.

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

Add component status to the storybook UI

Provides module mocking functionality like `jest.mock` on Storybook.

Add links to your stories within sections

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

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

Adds a panel to display Vitest unit test results

Storybook addon for Redux Components

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

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

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

storybook.js addon providing live react story editing and preview

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

Storybook addon for styled components with theme provider

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

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

Displays how component is rendered in storybook

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

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

A storybook addon for previewing component files

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

An editable context for react

Themes, Theme Providers & true dark mode for Storybook

Storybook addon which makes your story source interactive

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

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

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

Procore Storybook Configuration

A storybook addon to switch between different themes for your preview

Storybook Addon for Material UI 5 Library

Storybook Addon for Material UI 5 Library

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

A storybook addon to switch between different themes for your preview

A react-native storybook addon to use themes with emotion

Storybook Addon for Material UI 5 Library with React 18 Support

Themeful Storybook Theme Switch

Controlling the locale of the stories

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

Add a Bugherd feedback button to the storybook UI

A storybook addon to select grommet themes

storybook addon with chakra theme

Switch between themes based on CSS custom properties

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.

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

Navigate different versions of storybook style guides.

Addon for Storybook with useful defaults and integration with Compositive.

Visual Regression Testing for Storybook

A storybook addon to switch between different themes for your preview

Switch backgrounds to view components in different settings

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

storybook.js addon providing live react story editing and preview

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

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

An Addon for Storybook to enable react live editing

Components UI

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

Add component status to the storybook UI clone

React storybook addon that show component jest report

Visual Regression Testing for Storybook

storybook addon with styled-components theme

A storybook addon for previewing component files

Inspect a React component HTML output

Inspect a React component JSX output

High order stateful wrapper to help test stateless components.

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

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

React storybook addon that show component jest report

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

Storybook Addon for Material UI Library

Add events to your Storybook stories.

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

Navigate different versions of storybook style guides.

Select between themes and tweak them directly in a panel.

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

Navigate different versions of storybook style guides.

Storybook add-on to enable SWC builds.

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