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

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.

Anyone done DevRel or advocacy within a marketing team?

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:

A11y lags behind because testing doesn’t match how we build software. Why? - Audits live outside the dev workflow - Page-level tests create noise - CI/CD gets blocked by a ton of old issues Join me at SquiggleConf to build an a11y pipeline using Storybook!

🌟 Speaker Spotlight: Dominic Nguyen @domyen.bsky.social is a maintainer of Storybook, which does more than just visualize your components. Did you know it can help you catch accessibility issues early in your development flow? Schedule, speakers, and more: squiggleconf.com

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

🚀 Chromatic's Accessibility Testing & Dashboard are now live! Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.

Our latest post walks through how to use the coverage reporting in Storybook 9 to be sure your components are well-tested.

Storybook 9 is here! ▶️ Interaction tests ♿ Accessibility tests 👁️ Visual tests 🛡️ Coverage reports 🚥 Test widget 🪶 48% Leaner ✍️ Story generation 🏷️ Tag-based organization 🌐 Story globals 🏗️ Major updates for Svelte, Next.js, React Native, and more! Let’s dive in!

Storybook 9 is now in RC! That means everything shared in this post is now even more ready for you to use in your projects. 🆙 Upgrade - npx storybook@9 upgrade 🆕 Get started - npm create storybook@9

Frontend tests don’t have to suck. We’re hosting a live session next week to prove it. Demoing core workflows in the SB 9 release. You'll learn how to build fast, reliable UI tests using Storybook & Chromatic!

Storybook 9 is now in beta! It’s ready for you to try today. Let’s see what’s inside…

Join us for a live session with @marcysutton.com from @khanacademy.org to talk about accessibility testing! We'll share testing strategies, demo what's coming in Storybook 9 next month, and answer your accessibility questions. Happening in 24 hrs. Register now! us02web.zoom.us/webinar/regi...

Next Tuesday, April 22nd at 10am Pacific I'm participating in a webinar on Accessibility Testing in @storybook.js.org with @kylegach.com from the Chromatic team. You can register here: us02web.zoom.us/webinar/regi...

The speakers lineup for our inaugural UX Engineering meetup has dropped! 🎉 If you're into building better UIs, scaling design systems, or just love a good dev talk, this one’s for you. RSVP, spread the word, and let’s make it a good one. 👇 www.meetup.com/nyc-frontend...

We're revamping the Accessibility addon in Storybook 9.0 🔍 Rule-based layout for better readability 🎯 Highlight issues in the canvas 🔗 Permalinks for sharing 🧪 Integrates with Storybook Test 🚦 Integrates with Chromatic for regression checks storybook.js.org/blog/previe...

😍 Preview of the revamped a11y addon coming soon to SB 9. Now includes deeplinking which simplifies repros with stakeholders.

It's official! I'm speaking at Svelte Summit, come see me in Barcelona in May! Can't wait to meet you all in person! I'll be diving into @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀 Might also include a surprise collab... 🙊

2017-2020 was @storybook.js.org's honeymoon period. We were first time OSS maintainers, but a UI component workshop was the right tool at the right time. We could do no wrong! Then things started to unravel. 🧵

You're starting an AI initiative—but not an AI-first company? Here’s how you might approach it:

Storybook 8.5 is out! ♿️ Realtime a11y tests to help build UIs for everybody 🛡️ Project code coverage reporting 🎯 Focused tests for fast feedback ⚛️ React Native Web Vite framework for testing mobile UI 🎁 Storybook Test Bootcamp to level up your testing game storybook.js.org/blog/storybo...

When it comes to writing stories, improved typesafety and autocompletion are @storybook.js.org's top user requests. We've also heard our "play" function feels too different from the rest of the testing ecosystem. We want to address this feedback in Storybook 9. 🧵

Is your Storybook getting unwieldy with component playgrounds, tests, and documentation examples? Use tags to organize and filter the components and stories in your sidebar. 🏷️ Easy authoring 🔍 Interactive sidebar filter 🙈 Static tag-based filtering 🟢 Updated badges addon

📣 BIG ANNOUNCEMENT! I'm excited to announce that we're launching a new online course called Subatomic: The Complete Guide To Design Tokens: www.youtube.com/watch?v=zOD2... This deep-dive course will teach you all you need to master design tokens. Learn more and preorder here: designtokenscourse.com

M4 MacBooks good for folks that never close Chrome tabs? I don’t care about geekbench. My benchmark is chrome tabs.

I’m looking for engineers to do user interviews for @storybook.js.org: - Senior+ / tech lead type - Full stack or frontend app dev - ❗️Have *not* used storybook professionally - Cares about testing Know anyone that’d lend me 30 mins? Hook us up pls 🙏.

Just launched a guide that breaks down *frontend* testing. Why? Most testing guides are full stack. They're good at broad strokes, but aren't specific to frontend devs day-to-day. www.chromatic.com/frontend-tes...

🙅 Firing up your whole E2E setup just to test React Server Components (RSCs) 🙌 Component testing RSCs in the browser, with mocked complex app states and reliable speed Check our newest blog post, or read on for the highlights. storybook.js.org/blog/compone...

🏆 Thinking about what the testing trophy looks like for frontend devs. Stronger focus on testing components, a11y, appearance. Less focus on E2E and unit.

Storybook 8.4 is here! ▶️ 1-click Component Testing in browser 🫧 50% smaller bundle size & 75% smaller lockfile 5️⃣ Svelte 5 and Svelte CSF ⚛️ React Native Storybook 8 🏷️ Tagging and filtering stories 💯 Hundreds more improvements 🧵

UI Engineering, frontend eng, design engineering, design systems. What’s the diff? And which one resonates with you?

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest