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
addon-screen-reader
A Screen Reader Storybook addon
Storybook include
Folder based storybook configuration
Status
Add component status to the storybook UI
storybook-a11y-report
CLI tool for storybook-addon-a11y.
Badges
A Storybook addon which allows you to add badges to you stories
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/testing-react
Testing utilities that allow you to reuse your stories in your unit tests
@ljcl/storybook-addon-cssprops
Interact with css custom properties dynamically in the Storybook UI
Svelte CSF
Allows to write stories in Svelte syntax
Creevey
Cross-browser screenshot testing tool for Storybook with fancy UI Runner
Addon Angular Ivy
This addon enables Ivy for @storybook/angular and is meant as a preview before it gets integrated into @storybook/angular itself.
