How we cut Storybook’s bundle size in half

Storybook is an open-source tool for developing UI components in isolation for React, Vue, and Angular applications. Readers can learn about component-driven development, UI testing, and design systems. With documentation, tutorials, and community contributions, Storybook offers  guidance and tools for building modular and reusable UI components.

Storybook

Storybook 9 addresses long-standing bloat criticism by cutting bundle size in half through strategic optimizations. The team consolidated packages, moved key addons into core, implemented aggressive prebundling to reduce dependency conflicts, and replaced heavy dependencies with lightweight alternatives like Polka instead of Express. A new minimal dev-only installation option further reduces footprint for users who don't need full features. These changes deliver faster installs, smaller lockfiles, and fewer upgrade issues while maintaining Storybook's comprehensive feature set.

Storybook bloat? Fixed.

<p>There’s an interesting episode of <a href="http://Syntax.fm" target="_blank" rel="noopener nofollow">Syntax.fm</a>, where they discuss with Jeppe Reinhold from the Storybook dev team.</p>
<p><a href="https://syntax.fm/show/908/storybook-has-evolved-w-jeppe-reinhold" target="_blank" rel="noopener nofollow">https://syntax.fm/show/908/storybook-has-evolved-w-jeppe-reinhold</a></p>
