Supercharge Storybook
Addons unlock advanced features and new workflows for Storybook
Link stories together to build demos and prototypes with your UI components
Outline all elements with CSS to help with layout placement and alignment
Test component compliance with web accessibility standards
View a story’s source code to see how it works and paste into your app
Designs
Storybook addon for embedding your design preview in addon panel
Next.js router
Use Next.js Router in your Storybook stories.
storybook-dark-mode
Toggle between light and dark mode in Storybook
Take a code snapshot of every story automatically with Jest
Automate visual testing across browsers. Gather UI feedback. Versioned documentation.
@storybook/addon-postcss
Storybook addon used to run the PostCSS preprocessor against your stories.
Storybook addon for redirecting console output into action logger panel
Mock Service Worker
Mock API requests in Storybook with Mock Service Worker.
Column Guides
Column guides for your stories
MirageJS
A Storybook addon to use and interact with a MirageJS server
TurboBuild
Storybook Addon to improve build performance
Status
Add component status to the storybook UI
@ljcl/storybook-addon-cssprops
Interact with css custom properties dynamically in the Storybook UI
Build-time story title generation
A Babel plugin to generate titles for Storybook CSF stories at compile time, typically based on the story file's file name.
Storybook include
Folder based storybook configuration
storybook-a11y-report
CLI tool for storybook-addon-a11y.
Svelte CSF
Allows to write stories in Svelte syntax
Addon Angular Ivy
This addon enables Ivy for @storybook/angular and is meant as a preview before it gets integrated into @storybook/angular itself.
storybook-addon-mdx-embed
Embed 3rd party media content in MDX - no import required
@storybook/addon-postcss
Storybook addon used to run the PostCSS preprocessor against your stories.
