Introducing Storybook MCP for React

Integrations

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

Add your integration

Web-components Components Figspec Vitest Chromatic Playwright

Categories

How to install addons Create an addon

New to Storybook 8

Catch unexpected visual changes & UI bugs in your stories

Popular addons

Automate visual testing across browsers. Gather UI feedback. Versioned documentation.

Storybook Themes addon: Switch between themes from the toolbar

Mock Service Worker

Mock API requests in Storybook with Mock Service Worker.

Storybook addon for embedding your design preview in addon panel

storybook-dark-mode

Toggle between light and dark mode in Storybook

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

Catch unexpected visual changes & UI bugs in your stories

Run component tests on stories via the command line or CI

Storybook Vitest addon: Blazing fast component testing using stories

Popular recipes

tailwindcss

Tailwind CSS is a utility-first CSS framework packed with classes to build any design, directly in your markup.

next

Next.js enables you to create full-stack web applications by extending the latest React features

@mui/material

Material UI is a component library based on Google's Material Design spec.

react-i18next

React i18next is an internationalization library for localizing applications.

sass

Sass (also known as scss) is a popular CSS preprocessor that allows developers to write more maintainable and reusable stylesheets.

styled-components

Styled Components

Styled Components is a css-in-js framework to build fast and functional components.

bootstrap

Bootstrap is a powerful, extensible, and feature-packed frontend toolkit.

vuetify

Vuetify is a Vue-based component library designed with Google's Material Design spec.

@emotion/styled

Emotion is a css-in-js framework to build fast and functional components.