--- title: Best Storybook posts of 2025 | daily.dev description: The most upvoted Storybook posts of 2025, curated by the daily.dev community. canonical: https://daily.dev/tags/storybook/best-of/2025 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/storybook/best-of/2025 og:type: website og:site_name: daily.dev og:title: Best Storybook posts of 2025 | daily.dev og:description: The most upvoted Storybook posts of 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Storybook — 2025 1. 1 [](/posts/the-most-advance-react-js-course-the-biggest-react-js-course-on-the-internet-part-4--htw1bnjvv "THE MOST ADVANCE REACT.JS COURSE: THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 4 )") Video HuXn WebDev · 2y THE MOST ADVANCE REACT.JS COURSE: THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 4 ) This comprehensive React.js course covers React fundamentals, hooks, TypeScript, UI component libraries, state management with Zustand and Redux Toolkit, animations with Framer Motion, and the testing of components. The final part delves into building a design system in Figma, leveraging tools like Storybook, Style Dictionary, and CLsx. It also includes setting up a complete authentication system and using Figma for creating design systems, and generating style tokens for consistency. 237 2. 2 [](/posts/storybook-9-4zjkvk4qn "Storybook 9") Article Storybook · 1y Storybook 9 Storybook 9 introduces comprehensive component testing capabilities powered by Vitest and Playwright. The release features interaction tests, accessibility testing, visual regression testing, and coverage reports all integrated into a unified testing experience. Key improvements include a 48% smaller bundle size, story generation tools, tag-based organization, and story-level globals. Framework updates include Vite-powered Next.js support, Svelte 5 compatibility, and enhanced React Native integration. 181 8 3. 3 [](/posts/agentic-design-systems-in-2026-3kkcsu04q "Agentic Design Systems in 2026") Article Brad Frost · 42w Agentic Design Systems in 2026 Design systems combined with AI enable new collaborative workflows where non-technical team members can verbally describe features and see them generated using production-grade components. The Storybook MCP tool demonstrates this approach, constraining AI generation to use established design system standards rather than arbitrary code generation. This "DS+AI" formula creates coded prototypes that short-circuit traditional design review cycles while maintaining organizational quality standards. 172 4. 4 [](/posts/storybook-10-i8dytibvp "Storybook 10") Article Storybook · 48w Storybook 10 Storybook 10 transitions to ESM-only, reducing install size by 29% while adding module automocking for easier testing, typesafe CSF Factories for React, tag filtering exclusion for sidebar management, and Svelte async component support. The release includes support for Next 16 and Vitest 4, plus experimental features like test syntax and React Server Component testing. The breaking change requires Node 20.16+, 22.19+, or 24+. 113 1 5. 5 [](/posts/storybook-mcp-sneak-peek-9gnahslhl "Storybook MCP sneak peek") Article Storybook · 47w Storybook MCP sneak peek Storybook MCP is a new integration that provides AI coding agents with machine-readable component metadata from your Storybook setup. It helps agents generate higher quality code by giving them access to your existing component patterns, usage examples, and types. The system includes a self-healing loop that runs component tests and allows agents to fix their own bugs autonomously. Benchmarks show 3× faster code generation with 50% fewer tokens while maintaining quality standards. Early access begins December 2 for teams with mature React design systems. 96 1 6. 6 [](/posts/storybook-is-going-esm-only-n0bkei6fc "Storybook is going ESM-only") Article Storybook · 1y Storybook is going ESM-only Storybook 10 is transitioning to ESM-only builds, eliminating dual CommonJS/ESM support to reduce package size by 15%, simplify maintenance, and align with JavaScript ecosystem standards. The change requires Node.js 20.16+ and valid ESM configuration files, but maintains backward compatibility for most addons. This move follows years of ecosystem preparation and recent Node.js improvements that enable smoother ESM adoption. 77 6 7. 7 [](/posts/storybook-9-is-now-in-beta-olurtxwb1 "Storybook 9 is now in beta") Article Storybook · 1y Storybook 9 is now in beta Storybook 9 beta introduces significant new features for UI testing, including component, interaction, accessibility, visual testing, and test coverage. The beta release promises a 48% lighter bundle and improved organizational capabilities with tags. Web support for React Native has been enhanced, allowing complete compatibility with Storybook’s tools. Upgrading to the beta version is straightforward, and feedback is encouraged to refine the final release. 36 8. 8 [](/posts/storybook-bloat-fixed--0txkfjaju "Storybook bloat? Fixed.") Article Storybook · 1y Storybook bloat? Fixed. 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. 30 1 [See all Storybook archives](/tags/storybook/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/storybook/best-of/2025#page","url":"https://daily.dev/tags/storybook/best-of/2025","name":"Best Storybook Posts of 2025","description":"The most upvoted Storybook posts of 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/storybook/best-of/2025#items","numberOfItems":8,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-most-advance-react-js-course-the-biggest-react-js-course-on-the-internet-part-4--htw1bnjvv","name":"THE MOST ADVANCE REACT.JS COURSE: THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 4 )"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/storybook-9-4zjkvk4qn","name":"Storybook 9"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/agentic-design-systems-in-2026-3kkcsu04q","name":"Agentic Design Systems in 2026"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/storybook-10-i8dytibvp","name":"Storybook 10"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/storybook-mcp-sneak-peek-9gnahslhl","name":"Storybook MCP sneak peek"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/storybook-is-going-esm-only-n0bkei6fc","name":"Storybook is going ESM-only"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/storybook-9-is-now-in-beta-olurtxwb1","name":"Storybook 9 is now in beta"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/storybook-bloat-fixed--0txkfjaju","name":"Storybook bloat? Fixed."}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Storybook","item":"https://daily.dev/tags/storybook"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/storybook/best-of"},{"@type":"ListItem","position":5,"name":"2025"}]}]} ```