New
Component Story Format 3 is hereAutomate with Chromatic
Storybook Day 2023
Star76,367

Integrations

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

Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
AccessibilityNetworkTicketsThemeAmp-htmlFigma

Popular addons

Interactions
Automate, test and debug user interactions
1.2M
Downloads
  • + 26
Accessibility
Test component compliance with web accessibility standards
1.3M
Downloads
  • + 2
Designs
Storybook addon for embedding your design preview in addon panel
547.3k
Downloads
Storysource
View a story’s source code to see how it works and paste into your app
421.7k
Downloads
  • + 2
Mock Service Worker
Mock API requests in Storybook with Mock Service Worker.
272.1k
Downloads
storybook-dark-mode
Toggle between light and dark mode in Storybook
243k
Downloads
Chromatic
Automate visual testing across browsers. Gather UI feedback. Versioned documentation.
670.3k
Downloads
  • + 7
Storyshots
Take a code snapshot of every story automatically with Jest
324.2k
Downloads
  • + 2

Popular recipes

How to setup Material UI
Material UI is a component library based on Google's Material Design spec.
6.6k
Recipe views
How to setup React i18next
React i18next is an internationalization library for localizing applications.
3.1k
Recipe views
How to setup Emotion
Emotion is a css-in-js framework to build fast and functional components.
91
Recipe views
How to setup Styled Components
Styled Components is a css-in-js framework to build fast and functional components.
144
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.
2.9k
Recipe views
How to setup Vuetify
Vuetify is a Vue-based component library designed with Google's Material Design spec.
286
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.
70
Downloads
JIRA
An extra panel to show JIRA tickets concerning certain components.
238
Downloads
Nextjs auth0
Managed userProvider decorator for nextjs-auth0
1.2k
Downloads
Storybook AMP Html
Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.
447
Downloads
Gatsby
Storybook addon used to load stories built with Gatsby
8.5k
Downloads
Google Analytics
Storybook addon for google analytics
6.9k
Downloads
  • + 2
Stylesheet Toggle
A Storybook addon for toggling between stylesheets.
1.3k
Downloads
Color picker
Choose a color from custom color palette and set it on component's control and/or copy it to clipboard.
5.4k
Downloads
Accessibility Docs
Add accessibility docs to Storybook UI
815
Downloads
  • + 82
Join the community
5,880 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI