Join us live: Agentic Design Systems with Brad Frost

Integrations

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

Add your integration

Web-components Svelte Components Component Graphql Figspec

Categories

How to install addons Create an addon

Responsive integrations

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.

Storybook 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.

@degjs/storybook-addon-taffy

A responsive viewport addon for Storybook

storybook-addon-responsive-views

View your Storybook stories in a range of responsive viewports

A Storybook addon to resize the story iframe with draggable handles

Viewport Resizer

An addon for testing responsive designs

Measure Viewport

Measures the height and width of the current viewport

Resize the story container

@rakuten-rex/storybook-inspectjsx

Inspect a React component JSX output

@virzen/storybook-addon-responsive-views

View your Storybook stories in a range of responsive viewports

@rakuten-rex/storybook-inspecthtml

Inspect a React component HTML output