Join us live: How to setup your component-driven A11y pipeline

Integrations

Integrate your tools with Storybook to connect workflows and unlock advanced features.

Add your integration

Figma Css Popular Graphql Preview Figspec

Categories

How to install addons Create an addon

React-storybook integrations

Visual Regression Testing for Storybook

storybook-react-context

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

storybook-readme

Storybook addon to show components README (for React and Vue)

@sambego/storybook-state

Manage state in storybook stories

Mobile UX Hints

This addon offers suggestions on how you can improve the HTML, CSS and UX of your components to be more mobile-friendly.

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

Export Storybook components to Locofy

storybook-fixtures

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

@pluralsight/ps-design-system-storybook-addon-theme

Storybook addon for Theme switching

@catapult-tech/cp-design-system-storybook-addon-theme

Storybook addon for Theme switching

storybook-readme-source

Storybook addon to show components README (for React and Vue)

storybook-readme-customize

Storybook addon to show components README (for React and Vue). Fork from storybook-readme

@appbaseio/storybook-readme

Storybook addon to show components README (for React and Vue)

Visual Regression Testing for Storybook

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

@catapult-tech/cp-design-system-storybook-addon-center

Storybook addon for Centering

@catapult-tech/cp-design-system-storybook-addon-chaos

Storybook addon w/chaos

Visual Regression Testing for Storybook

@powens/storybook-readme

Storybook addon to show components README (for React and Vue)

storybook-readme-addon

Storybook addon to show components README (for React and Vue)