Storybook 10 is here! ✂️ ESM-only (the only breaking change!) 🧩 Module automocking for easier testing 🏭 Typesafe CSF factories Preview for React 💫 UI editing and sharing optimizations 🏷️ Tag filtering exclusion for sidebar management 🔀 Svelte async component support

🔥 Missed @yannbf.bsky.social's ViteConf talk? Now you can watch the replay. Yann Braga (Sr Engineer at Storybook) breaks down modern component testing & how interaction, visual, & accessibility checks come together in Storybook with Vitest, Playwright & Chromatic. 🎥 www.youtube.com/watch?v=YNQ_...

Join @kevinak.se as he works on integrating Storybook into the new Svelte Society website. @reinhold.is is joining in on the fun and helping us out. We're starting in 30 minutes! Tune in and join us in the chat. www.youtube.com/watch?v=3u-P...

My team is growing! Come work on @storybook.js.org! 💻 100% remote (Europe) 🌍 Build in the open 💥 Big impact: help shape how the modern web is built 🚀 Collaborate with a kind, thoughtful team 👉 Apply here: www.chromatic.com/company/care...

My team has fixed over 18 THOUSAND #accessibility violations over the last few months in @chromatic.com and we're continuing to make forward progress. SO stoked to see these kinds of results. How did we get so many?

🎙️ Just published a new episode of Svelte Radio: Storybook is actually good now, with Jeppe Reinhold. Have a listen:

Looking for LLM early adopters on design system teams. We're starting a Design System MCP project to allow AI agents to reuse the DS components. Reply below if interested! Criteria: - Mature design system - Willing to actively provide feedback/repros - Using SB 9 or 8.2+

In today's stream of This Week in Svelte @reinhold.is will join again to talk about Storybook. youtube.com/live/P8jdPBK...

Storybook’s CSF Next is coming 👀 Faster story authoring. Less boilerplate. Built-in TypeScript. And a sneak peek at the new .test() method for writing component tests that feel natural. Join our Storybook maintainers live on Oct 16 for a live demo of what’s next. Registration in comments 👇

Another @storybook.js.org using @angular.dev switching to @vite.dev with @analogjs.org 🤩 www.radix-ng.com - a port of Radix UI for Angular sb-primitives.radix-ng.com?path=/docs/o...

Better context > more context. Been running experiments on LLM cost: - Vanilla prompt $0.71 - With Storybook MCP: $0.39 That’s 45% fewer tokens for the same job.

AI can write your UI. But can you trust it? Kevin Leneway, (Principal AI SE, Pioneer Square Labs) uses Cursor × Storybook to turn raw AI output into prototypes you can validate fast. 🗓️ Oct 12 — 12 PM EDT / 18:00 CET 🔗 Registration link in comments

🆕 Building beautiful components faster with Storybook 9 and Expo This guest post by @dannyhw.com covers how to: • Add Storybook 9 to an Expo app • Catalog UI states and share them with your team • Distribute Storybook builds using EAS • Reuse stories for automated tests expo.dev/blog/storybo...

Cursor writes code fast, but does it work? Pair it with Storybook to see components render in isolation–good, bad or broken. Join us with Kevin Leneway for a live demo of his workflow: ✅ Feed Cursor a build checklist ✅ Watch components render live ✅ Decide: iterate, ship, or scrap Register below👇

We recently rewrote the Intro to Storybook tutorial for Svelte, to use Svelte 5 and Svelte CSF everywhere! If there are any Svelte experts out there that want to take it for a spin and give feedback on the techniques used, that would be greatly appreciated! 🙏 @sveltesociety.dev

We cut @chromatic.com total accessibility violations by over 66% in the last 6 weeks. Here's how: Over the years, we accrued a11y debt because it was everyone and no one's responsibility. Sure, we did VPATs but they were out of date the moment they were finished.

Storybook 10 (now in beta) is ESM-only. 🤏 Smaller package size (15%) 🫧 Cleaner, simpler codebase ⛓️‍💥 Reduced bugs from module duplication and aliasing 🧱 A more future-proof foundation for Storybook and its ecosystem Read all about why we’ve made the transition and what it means for you:

. @npmjs.bsky.social gets hit with its largest supply chain attack 😱, @storybook.js.org 10 drops CJS for big perf wins 🚀, Brave finds a major flaw in Comet browser⚠️, & a dev makes a site to count Claude Code’s favorite phrase: “You’re absolutely right!” 😂 Show link: front-end-fire.com/episodes/113/

Just updated the React Native Storybook Expo template for SDK 54 and its also now based on Expo router. Get up and running in less than a minute: bunx create-expo-app --template expo-template-storybook@latest AwesomeStorybook @storybook.js.org @expo.dev

Wonder how Storybook is thinking about AI? Check these RFCs!

Wow, this is awesome. I hope more and more projects throw CJS in the dustbin.

The next version of Storybook will only have one significant breaking change: Storybook 10 is ESM-only.

🚨 **Security alert** 🚨 Today, malicious versions of [`chalk` and several other packages](www.aikido.dev/blog/npm-deb...) were published to npm. We've assessed the impact to our users and believe the threat from Storybook specifically is minimal. Sharing for visibility. Stay safe out there folks!

Had some fun getting my @storybook.js.org to correctly simulate a streaming genkit LLM response (using msw and/or fetch-mock). For future reference: gist.github.com/jkrems/ce62b... #storybook #genkit

Thursday: @tpitre.bsky.social (CEO, Southleft) shows what happens when you give AI your design system: ⚡ On-brand UI from the first prompt 🧩 Storybook + MCP + Claude workflows 🚀 Faster prototyping, fewer re-prompts Don’t miss it! (link in comments)

Updated my @storybook.js.org and @angular.dev using @vite.dev post with a much easier setup! Its about as close as you can get until an official integration comes from the Storybook team 🤝 dev.to/brandontrobe...

We keep seeing continuous growth in @svelte.dev usage in @storybook.js.org, and it warms my heart. ❤️

⚡ Speaker highlight: Yann Braga, Core Maintainer at @storybook.js.org Storybook is well-known as a one-stop-shop for your components and partnered with @vitest.dev to build the ultimate component testing flow. @yannbf.bsky.social will give us insights and show the full power of Storybook x Vitest

Testing components that depend on things like localStorage or authentication can be tricky. Storybook makes it easy with our new module mocking API built on top of @vitest.dev's excellent mocking tools. storybook.js.org/blog/next-ge...

Vibe coding is fun, but quickly falls apart as your project grows. 😫 PSL's Kevin Leneway is coming to #CascadiaJS to show us how to leverage Storybook to build a full production-ready front end for a real-world project! 🚀 More info 👇

AI-generated UI ≠ production UI. AI UI is off-brand without your design system, and falls apart in production. Join us live with @tpitre.bsky.social, CEO of Southleft & AI-powered DS expert, to see how Storybook + MCP + Claude generate UI from your real components. Registration in comments 👇

For the next few weeks I'll be doing a lot of research into how to use AI Agents when building UI with @storybook.js.org and/or design systems. 🤖 If you have ideas, thoughts, input, resources I should read or people you think I should talk to, don't hesitate to share with me! 👀

One step closer @angular.dev ✅ @storybook.js.org ✅ @vitest.dev ✅ github.com/brandonrober...

I've been working for a while on getting React Native Web to work on Storybook with Vite. Today I want to share a Vite Plugin to make it easier to run React Native Web. Also a bit about how it came about. This is for those trying to do something a bit outside the box 😄

Full speed ahead on component testing for React Server Components! ✅ vitest-plugin-rsc canary now on npm ✅ vite RSC refactor for testing support ✅ @nextjs.org context providers ✅ Notes app demo with tests 👉 github.com/kasperpeulen...

👀 Reminder: our webinar’s tomorrow A11y testing isn’t either/or. Automated checks catch the obvious. Manual testing catches the weird stuff. Used together = fewer bugs in prod. Join us + Homer Gaines, CPACC to break down a workflow that scales. 🎫 Save your spot: us02web.zoom.us/webinar/regi...

Automated a11y tests = fast + scalable. Manual a11y testing = real-world coverage. Used together? You catch more bugs before they ship. Join us + accessibility expert Homer Gaines to build a workflow that works. 🗓️ Tues, Aug 5 — 12PM EDT 🎟️ register here → us02web.zoom.us/webinar/regi...

Have you tried component testing in Storybook yet? We partnered with @vitest.dev to build the *best* tool for testing your components in the ways that matter. 👆 Interaction tests ♿️ Accessibility tests 🖼️ Visual tests 🛡️ Coverage reports 🚥 Test widget to run tests automatically

Exciting early success with component testing for @react.dev server components (RSC) in @vitest.dev by @kasperpeulen.bsky.social! github.com/kasperpeulen...

Accessibility debt adds up fast—especially with limited time, lean teams, and legacy code. Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap. Registration link in comments 👇

The accessibility pipeline for frontend teams #accessibility #a11y #frontend

Accessibility debt piles up fast. Fixing it shouldn’t burn out your team. Join @a11ymel.bsky.social (HashiCorp) and @ericwbailey.website (GitHub) for a live session on how to reduce A11y debt without overwhelming your team. 🗓 July 24, 12PM EDT 🔗 save your spot: us02web.zoom.us/webinar/regi...

just some of the highlights of the great work the @e18e.dev community has been doing in the last few months. awesome work by everyone involved, and big thanks to all the maintainers who collaborated ❤️

Do I know anyone that is: - Looking for a new job - Is an expert in frontend tooling like @vite.dev, Webpack, and custom setups - Knows a lot about @storybook.js.org - Loves to help customers - Works in a Europe-ish timezone Then come join us as a Senior Solutions Engineer at @chromatic.com!

We've added a lot of features, and a bit of bloat, over the years. Storybook 9 addressed that concern by removing complexity and reducing the size by half. 🗜️ Cut install size by over 50% 🧹 Overhaul internal dependency structure 📦 Move key addons into core 🪶 Support dev-only “minimal” install

Frameworks are shifting. Testing is evolving. Storybook’s keeping pace—and pushing forward. 🎧 @shilman.net on PodRocket: ✅ Vitest browser mode ✅ Built-in a11y audits ✅ AI dev workflows ✅ RSC + Next.js, Svelte, React Native support Listen here: podrocket.logrocket.com/storybook-9-...

This week I'm chatting with @43081j.com from @e18e.dev about how we reduced the bundle size in @storybook.js.org 9, and what we learned from it! 🤩 Come join us! It will be live, it will be fun, and there will be plenty of time for Q&A with the audience. 💬 us02web.zoom.us/webinar/regi...

Tomorrow, we're showing you how we cut 48% of Storybook’s bundle size. Join Jeppe Reinhold (Storybook core) and James Garbutt (aka 43081j, head of e18e) for a live breakdown with Q&A. 🔗 Grab your spot: us02web.zoom.us/webinar/regi...

Want to cut your app’s bundle size in half? Storybook just slashed its bundle by 48%. Now the devs behind it—@reinhold.is & @43081j.com —are showing how you can do the same. ✅ What they cut ✅ How to find & fix bloat ✅ What’s next for optimization 📍 Save your seat: us02web.zoom.us/webinar/regi...