Integrations | Storybook: Frontend workshop for UI development

Mocking Accessibility Api A11y Ui Material-ui

Popular addons

Links

Link stories together to build demos and prototypes with your UI components

3.3M

Downloads

Interactions

Automate, test and debug user interactions

1.7M

Downloads

+ 28

Highlight

Highlight DOM nodes within your stories

1.2M

Downloads

+ 28

Designs

Storybook addon for embedding your design preview in addon panel

489k

Downloads

Storysource

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

367.7k

Downloads

Mock Service Worker

Mock API requests in Storybook with Mock Service Worker.

351.8k

Downloads

Chromatic

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

793.6k

Downloads

@storybook/addon-postcss

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

391.2k

Downloads

+ 20

Popular recipes

How to setup Tailwind CSS

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

31.6k

Recipe views

How to setup Material UI

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

10k

Recipe views

How to setup Next.js

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

9.9k

Recipe views

How to setup React i18next

React i18next is an internationalization library for localizing applications.

4.1k

Recipe views

How to setup Styled Components

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

7.9k

Recipe views

How to setup Sass

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

Recipe views

Trending addons

@styled/storybook-dark-mode

Fork of storybook-dark-mode that fixes applying the appropriate classes when viewing a story in a new window iframe.

Downloads

JIRA

An extra panel to show JIRA tickets concerning certain components.

447

Downloads

MirageJS

A Storybook addon to use and interact with a MirageJS server

2.4k

Downloads

Gatsby

Storybook addon used to load stories built with Gatsby

5.2k

Downloads

Stylesheet Toggle

A Storybook addon for toggling between stylesheets.

719

Downloads

story-description-loader

Webpack loader for automatically generating addon-docs descriptions from component comments.

753

Downloads

Accessibility Docs

Add accessibility docs to Storybook UI

352

Downloads

+ 91

storybook-loader

585

Downloads

storybook-addon-sketch

Get the sketch files for your stories in Storybook

450

Downloads