Integrations | Storybook: Frontend workshop for UI development

Integration Change colors Mocking Css Gatsby Msw

Popular addons

Links

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

3.4M

Downloads

Interactions

Automate, test and debug user interactions

1.5M

Downloads

+ 26

Designs

Storybook addon for embedding your design preview in addon panel

576.7k

Downloads

Storysource

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

389k

Downloads

Mock Service Worker

Mock API requests in Storybook with Mock Service Worker.

370.9k

Downloads

Highlight

Highlight DOM nodes within your stories

263.6k

Downloads

+ 26

Chromatic

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

834.1k

Downloads

@storybook/addon-postcss

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

491.4k

Downloads

+ 20

Popular recipes

How to setup Material UI

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

3.9k

Recipe views

How to setup React i18next

React i18next is an internationalization library for localizing applications.

Recipe views

How to setup Next.js

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

961

Recipe views

How to setup Emotion

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

888

Recipe views

How to setup Styled Components

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

2.5k

Recipe views

How to setup Tailwind CSS

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

15k

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.

383

Downloads

Addon Version

Add package or component version to the Storybook toolbar

4.2k

Downloads

storybook-multilevel-sort

Applies specific sort order to more than two levels of chapters and stories in a storybook.

2.9k

Downloads

Stylesheet Toggle

A Storybook addon for toggling between stylesheets.

810

Downloads

Nextjs auth0

Managed userProvider decorator for nextjs-auth0

1.3k

Downloads

Gatsby

Storybook addon used to load stories built with Gatsby

7.3k

Downloads

storybook-addon-sketch

Get the sketch files for your stories in Storybook

660

Downloads

Color picker

Choose a color from custom color palette and set it on component's control and/or copy it to clipboard.

4.7k

Downloads