Andrew Ortwein

That's me and some of my awesome teammates!

Another quality release! I'm so lucky to be working adjacent to this very intelligent and empathic team.

Storybook 10 ESM-only, 29% lighter, module automocking, and more

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

Adding Storybook to Svelte Society with Jeppe Reinhold YouTube video by Svelte Society

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

Building beautiful components faster with Storybook 9 and Expo Learn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.

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

Good morning!

Bear hanging off a tree stump trying to break it open so see what's inside.

Good morning from @altyellonatpark.org

Storybook is going ESM-only Smaller, simpler, and modern

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:

Still from Starship Caliborn: The Plain Sight, in the ship's brig. The doctor is tending to the prisoner inside the cell while Commander Azani looks on from across the room.

This is also the first time I've actually used #blender3d generated elements in a film. In this case, the work I did was the less obvious stuff. The set we shot on only had the back and side walls, so we had to make the cell door.

This is the first film I made with my new(ish) #Sony #FX30. I have a lot more to learn about it, but I'm pretty happy with how the shots turned out.

"The Plain Sight" -- a Star Trek fan production YouTube video by Potemkin1711

We released a new Starship Caliborn film! Please watch our little psychological thriller to get in the mood for spooky season and let us know what you think.

The file Dashboard.stories.ts containing the code: import { mocked } from 'storybook/test'; import { trackEvent } from '../lib/analytics.ts'; export const MyStory = { beforeEach: () => { /* * The `trackEvent` function is already a mock! * The `mocked` utility is just for proper mock function types */ mocked(trackEvent).mockResolvedValue({ status: 'ok' }); }, play: async () => { // ... interact with the component await expect(trackEvent).toHaveBeenCalledWith('dashboard-viewed'); }, };

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

Come join us, it's going to be fun!!

Community Showcase (Q2 2025) An update on what the community has been up to in Q2 of 2025

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 ❤️

If you write Superman as if his defining feature is his strength he gets boring quickly, but his defining feature is how deeply he believes that the responsibility of the strongest is also to be the kindest, and to care the most - that's where the good stuff is.

I'm very excited for this! Our mission at Chromatic is to improve the UX of the Internet. Accessibility is a critical part of that mission and I'm very appreciative that we have placed so much importance on it.

It's because the brush cutter makes forward slashes, isn't it?

Or at the very least, glitter-bomb them.

👏👏👏😆

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!

Component Testing with Storybook, Svelte, and Vitest — Svelte Summit Spring 2025 YouTube video by Svelte Society

The next talk from Svelte Summit Spring 2025 by @reinhold.is is also related to testing — Strike the Perfect Balance: Component Testing with Storybook, Svelte, and Vitest.
youtu.be/mdyRQDDp28s

Working on this with the team—and community—for the past ~year has been a career highlight.

I'll never go back to unit testing my components.

Storybook 9 beta!

So much blood/sweat/tears from @storybook.js.org and @vitest.dev teams to create the future of UI testing.

Please kick the tires in your project to help us stabilize for GA. 🙏

Storybook 9 is now in beta Try the future of UI testing today

Storybook 9 is now in beta!

It’s ready for you to try today.

Let’s see what’s inside…

Screenshot of Storybook 9.0's interface showing the new Accessibility addon panel. The panel displays accessibility violations with their severity. The left sidebar shows component navigation, with indicators for stories that have accessibility violations.

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

[RFC] Module automocking · storybookjs storybook · Discussion #30877 Summary We introduced Typesafe module mocking in Storybook 8.1, which uses the Node.js subpath imports standard. We took this approach because it’s supported across the JS ecosystem, meaning that m...

We're reconsidering module mocking in @storybook.js.org. This RFC takes many cues from our friends at @vitest.dev but tries for a tighter/simpler solution.

Your feedback is very welcome. Please help us nail this!!! 🙏

github.com/storybookjs/...

Accessibility isn’t a one-time fix—it’s an ongoing process. 🔄

With the European Accessibility Act on the way, teams need to catch accessibility regressions early. The best way? Automated testing.

Learn how Storybook, axe & Chromatic help keep your UI accessible—without extra effort. Link below👇

Testing design systems in 2025 - Reshaped Let's dive into how UI component testing is approached today and how new tools released this year could simplify testing for the library authors.

I've moved Reshaped to a new testing setup and so I've decided to make a small write-up about it, what I liked in it and what were the main migration challenges. If you write tests for your design system and look for a change – definitely take a read ✨

reshaped.so/blog/testing...

I'm very excited to share this with the world! This project has been close to my heart, especially since my grandmother expressed her frustrations with websites and her excitement about our mission to make things better. I'm proud to be part of a team committed to improving the web for everyone.