Join us live: How to fix A11y debt without burning out

Integrations

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

Add your integration

Playwright Msw Accessibility Figma Runner Verify

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.

Switch between multiple themes for you components in Storybook

Mock Service Worker

Mock API requests in Storybook with Mock Service Worker.

Storybook addon for embedding your design preview in addon panel

View a story’s source code to see how it works and paste into your app

storybook-dark-mode

Toggle between light and dark mode in Storybook

Test component compliance with web accessibility standards

Catch unexpected visual changes & UI bugs in your stories

Run component tests on stories via the command line or CI

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.

vuetify

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

bootstrap

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

@emotion/styled

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