Storybook
@storybook.js.org
Develop, test, and document UI in isolation
🔗 storybook.js.org
🛠️ Maintained by Chromatic
🔗 storybook.js.org
🛠️ Maintained by Chromatic
Pinned
Storybook 10
ESM-only, 29% lighter, module automocking, and more
storybook.js.org
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
✂️ 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
Reposted by Storybook
We cut our a11y issues by 94% after we stopped treating them as tickets & started treating them as system flow. Then we blocked new regressions in CI, inflow dropped to zero & the backlog finally moved.
Now we’re sharing how we did it in a live session.
🔗 Link in comments
Now we’re sharing how we did it in a live session.
🔗 Link in comments
November 7, 2025 at 3:30 PM
We cut our a11y issues by 94% after we stopped treating them as tickets & started treating them as system flow. Then we blocked new regressions in CI, inflow dropped to zero & the backlog finally moved.
Now we’re sharing how we did it in a live session.
🔗 Link in comments
Now we’re sharing how we did it in a live session.
🔗 Link in comments
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
✂️ 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
Storybook 10
ESM-only, 29% lighter, module automocking, and more
storybook.js.org
November 4, 2025 at 7:02 PM
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
✂️ 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_...
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_...
Yann Braga | Storybook Vitest | ViteConf 2025
YouTube video by ViteConf
www.youtube.com
October 31, 2025 at 8:23 PM
🔥 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_...
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_...
Reposted by Storybook
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...
We're starting in 30 minutes! Tune in and join us in the chat.
www.youtube.com/watch?v=3u-P...
Adding Storybook to Svelte Society with Jeppe Reinhold
YouTube video by Svelte Society
www.youtube.com
October 29, 2025 at 12:30 PM
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...
We're starting in 30 minutes! Tune in and join us in the chat.
www.youtube.com/watch?v=3u-P...
Reposted by Storybook
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...
💻 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...
Chromatic • We're hiring!
loading
www.chromatic.com
October 27, 2025 at 4:25 PM
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...
💻 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...
Reposted by Storybook
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?
October 17, 2025 at 6:51 AM
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?
Reposted by Storybook
🎙️ Just published a new episode of Svelte Radio: Storybook is actually good now, with Jeppe Reinhold. Have a listen:
Storybook is actually good now, with Jeppe Reinhold
SummaryIn this episode of Svelt Radio, the hosts welcome Jeppe Reinhold...
www.svelteradio.com
October 16, 2025 at 9:00 AM
🎙️ 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+
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+
October 11, 2025 at 2:01 PM
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+
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+
Reposted by Storybook
In today's stream of This Week in Svelte @reinhold.is will join again to talk about Storybook. youtube.com/live/P8jdPBK...
This Week in Svelte, Ep. 120 — Changelog, Storybook for Svelte Part 3: Testing
YouTube video by Svelte Society
youtube.com
October 10, 2025 at 11:39 AM
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 👇
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 👇
October 10, 2025 at 2:47 PM
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 👇
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 👇
Reposted by Storybook
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...
www.radix-ng.com - a port of Radix UI for Angular
sb-primitives.radix-ng.com?path=/docs/o...
Radix Angular
Radix Angular
www.radix-ng.com
October 3, 2025 at 3:51 PM
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...
www.radix-ng.com - a port of Radix UI for Angular
sb-primitives.radix-ng.com?path=/docs/o...
Reposted by Storybook
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.
- Vanilla prompt $0.71
- With Storybook MCP: $0.39
That’s 45% fewer tokens for the same job.
October 1, 2025 at 1:55 PM
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.
- 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
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
September 29, 2025 at 4:17 PM
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
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
Reposted by Storybook
🆕 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...
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...
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.
expo.dev
September 25, 2025 at 5:59 PM
🆕 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...
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👇
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👇
September 24, 2025 at 8:38 PM
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👇
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👇
Reposted by Storybook
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
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
Storybook Tutorials
Learn how to build and test UI components with Storybook. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community.
storybook.js.org
September 24, 2025 at 8:09 PM
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
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
Reposted by Storybook
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.
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.
September 23, 2025 at 6:27 PM
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.
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:
🤏 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:
Storybook is going ESM-only
Smaller, simpler, and modern
storybook.js.org
September 23, 2025 at 6:00 PM
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:
🤏 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:
Reposted by Storybook
. @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/
Show link: front-end-fire.com/episodes/113/
September 15, 2025 at 1:33 PM
. @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/
Show link: front-end-fire.com/episodes/113/
Reposted by Storybook
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
Get up and running in less than a minute:
bunx create-expo-app --template expo-template-storybook@latest AwesomeStorybook
@storybook.js.org @expo.dev
September 10, 2025 at 11:42 PM
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
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!
We've been doing a lot of research and experiments with AI and agent-based development lately at @storybook.js.org, and we're finally ready to share some of our learnings and prototypes! We have not one but TWO RFCs that we'd love feedback and input on!
👇
👇
September 10, 2025 at 2:44 PM
Wonder how Storybook is thinking about AI? Check these RFCs!
Reposted by Storybook
Wow, this is awesome.
I hope more and more projects throw CJS in the dustbin.
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.
Storybook 10 is ESM-only.
September 9, 2025 at 8:20 PM
Wow, this is awesome.
I hope more and more projects throw CJS in the dustbin.
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.
Storybook 10 is ESM-only.
September 9, 2025 at 3:48 PM
The next version of Storybook will only have one significant breaking change:
Storybook 10 is ESM-only.
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!
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!
September 8, 2025 at 6:44 PM
🚨 **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!
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!
Reposted by Storybook
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
Mock genkit streaming responses in Storybook
Mock genkit streaming responses in Storybook. GitHub Gist: instantly share code, notes, and snippets.
gist.github.com
September 6, 2025 at 10:23 PM
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