Supercharge Storybook
Addons unlock advanced features and new workflows for Storybook
Get UI feedback when an action is performed on an interactive element.
Link stories together to build demos and prototypes with your UI components
Document component usage and properties in Markdown
Test component compliance with web accessibility standards
Take a code snapshot of every story automatically with Jest
Automate visual testing across browsers. Gather UI feedback. Versioned documentation.
Figma designs
Storybook addon for embedding your design preview in addon panel
Next.js router
Use Next.js Router in your Storybook stories.
Performance
A storybook addon to help better understand and debug performance for React components
Abstract previews for storybook
Zeplin addon for Storybook
HTML preview
A Storybook addon that extracts and displays compiled syntax-highlighted HTML
Formik
A storybook addon that allows you to use components in your stories that rely on Formik context and see internal Formik state in a panel.
Apollo Client
Use Apollo Client in your Storybook stories.
Mobile UX Hints
This addon offers suggestions on how you can improve the HTML, CSS and UX of your components to be more mobile-friendly.
Sketch download
Get the sketch files for you stories in storybook
Status
Add component status to the storybook UI
Contrast storybook integration
Storybook addon for building and testing AMP components
MDX Embed
Embed 3rd party media content in MDX - no import required