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
@storybook.js.org
· Nov 4
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
AI can generate UI fast. The hard part is getting UI you’d actually merge. Without your component library + patterns, agents improvise—and you clean it up. Storybook MCP grounds agents in Storybook as the source of truth.
Request early access below👇
Request early access below👇
December 23, 2025 at 10:21 PM
AI can generate UI fast. The hard part is getting UI you’d actually merge. Without your component library + patterns, agents improvise—and you clean it up. Storybook MCP grounds agents in Storybook as the source of truth.
Request early access below👇
Request early access below👇
We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4)
December 17, 2025 at 4:47 PM
We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4)
Reposted by Storybook
Wouldn't it be nice to have all platforms in a single
@storybook.js.org window?
@chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!
@storybook.js.org window?
@chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!
December 16, 2025 at 11:15 PM
Wouldn't it be nice to have all platforms in a single
@storybook.js.org window?
@chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!
@storybook.js.org window?
@chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!
Many devs are using AI to write UI. Fewer are giving it the context to do it well.
Storybook MCP lets LLMs work from your design system — real components, props, and patterns — instead of guessing.
The result: UI that looks like your product, with far less cleanup.
Post link👇
Storybook MCP lets LLMs work from your design system — real components, props, and patterns — instead of guessing.
The result: UI that looks like your product, with far less cleanup.
Post link👇
December 12, 2025 at 9:14 PM
Many devs are using AI to write UI. Fewer are giving it the context to do it well.
Storybook MCP lets LLMs work from your design system — real components, props, and patterns — instead of guessing.
The result: UI that looks like your product, with far less cleanup.
Post link👇
Storybook MCP lets LLMs work from your design system — real components, props, and patterns — instead of guessing.
The result: UI that looks like your product, with far less cleanup.
Post link👇
AI is now consuming design systems exactly as written. No intuition, no “you know what I meant.” Gaps in examples, states, or constraints show up immediately in what agents generate.
Join Brad Frost + Dominic Nguyen tomorrow on making systems agent-ready.
Register in comments👇
Join Brad Frost + Dominic Nguyen tomorrow on making systems agent-ready.
Register in comments👇
December 10, 2025 at 5:23 PM
AI is now consuming design systems exactly as written. No intuition, no “you know what I meant.” Gaps in examples, states, or constraints show up immediately in what agents generate.
Join Brad Frost + Dominic Nguyen tomorrow on making systems agent-ready.
Register in comments👇
Join Brad Frost + Dominic Nguyen tomorrow on making systems agent-ready.
Register in comments👇
AI is beginning to use design systems exactly as documented. Gaps in examples, states & constraints lead directly to unpredictable UI output.
Join Brad Frost + Dominic Nguyen in a live session to cover what makes a system agent-ready.
📆 Dec 11 • 12PM ET
🔗 Registration link below
Join Brad Frost + Dominic Nguyen in a live session to cover what makes a system agent-ready.
📆 Dec 11 • 12PM ET
🔗 Registration link below
December 4, 2025 at 9:37 PM
AI is beginning to use design systems exactly as documented. Gaps in examples, states & constraints lead directly to unpredictable UI output.
Join Brad Frost + Dominic Nguyen in a live session to cover what makes a system agent-ready.
📆 Dec 11 • 12PM ET
🔗 Registration link below
Join Brad Frost + Dominic Nguyen in a live session to cover what makes a system agent-ready.
📆 Dec 11 • 12PM ET
🔗 Registration link below
Reposted by Storybook
📙 @analogjs.org is now listed in the @storybook.js.org docs as a community-maintained framework for @angular.dev and @vite.dev! ⚡️
storybook.js.org/docs
storybook.js.org/docs
Get started with Storybook | Storybook docs
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.
storybook.js.org
December 2, 2025 at 7:01 PM
📙 @analogjs.org is now listed in the @storybook.js.org docs as a community-maintained framework for @angular.dev and @vite.dev! ⚡️
storybook.js.org/docs
storybook.js.org/docs
Reposted by Storybook
Storybook CLI now auto-detects Rsbuild projects and installs deps like storybook-react-rsbuild for you. Huge shoutout to the @storybook.js.org team!
December 3, 2025 at 3:00 PM
Storybook CLI now auto-detects Rsbuild projects and installs deps like storybook-react-rsbuild for you. Huge shoutout to the @storybook.js.org team!
Agents can’t “just read the repo.” Thousands of files + type soup = instant confusion.
Storybook MCP gives agents only the good stuff—curated patterns from your stories, docs & tests—and a loop to self-fix with your component tests.
Link to request early access in comments 👇
Storybook MCP gives agents only the good stuff—curated patterns from your stories, docs & tests—and a loop to self-fix with your component tests.
Link to request early access in comments 👇
December 1, 2025 at 4:15 PM
Agents can’t “just read the repo.” Thousands of files + type soup = instant confusion.
Storybook MCP gives agents only the good stuff—curated patterns from your stories, docs & tests—and a loop to self-fix with your component tests.
Link to request early access in comments 👇
Storybook MCP gives agents only the good stuff—curated patterns from your stories, docs & tests—and a loop to self-fix with your component tests.
Link to request early access in comments 👇
Reposted by Storybook
I'll be talking about Storybook MCP at the JavaScript Developer Conference in Taiwan this week with @evanyou.me, @tej.as, @yusukebe.bsky.social, and many more. 🤩 Excited to see everybody there!
November 26, 2025 at 3:38 AM
I'll be talking about Storybook MCP at the JavaScript Developer Conference in Taiwan this week with @evanyou.me, @tej.as, @yusukebe.bsky.social, and many more. 🤩 Excited to see everybody there!
🧵 (1/3) Most AI-generated code looks good until you try to merge it. Wrong props, odd states, subtle regressions.
Storybook MCP fixes that.
It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.
Storybook MCP fixes that.
It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.
November 17, 2025 at 8:06 PM
🧵 (1/3) Most AI-generated code looks good until you try to merge it. Wrong props, odd states, subtle regressions.
Storybook MCP fixes that.
It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.
Storybook MCP fixes that.
It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.
Reposted by Storybook
Most teams fix a11y issues. Not all stop creating new ones.
Tomorrow, our product team is sharing how we built a system that does both—cutting 15k+ violations without slowing delivery.
Join us live & bring your questions!
📅 Nov 13 • 12 PM ET / 18 CET
👉 Register in comments
Tomorrow, our product team is sharing how we built a system that does both—cutting 15k+ violations without slowing delivery.
Join us live & bring your questions!
📅 Nov 13 • 12 PM ET / 18 CET
👉 Register in comments
November 12, 2025 at 6:26 PM
Most teams fix a11y issues. Not all stop creating new ones.
Tomorrow, our product team is sharing how we built a system that does both—cutting 15k+ violations without slowing delivery.
Join us live & bring your questions!
📅 Nov 13 • 12 PM ET / 18 CET
👉 Register in comments
Tomorrow, our product team is sharing how we built a system that does both—cutting 15k+ violations without slowing delivery.
Join us live & bring your questions!
📅 Nov 13 • 12 PM ET / 18 CET
👉 Register in comments
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