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 doesn’t just generate UI faster, it repeats the same mistakes faster too.
Storybook MCP adds accessibility checks directly to AI workflows validating components as they’re generated so issues don’t compound into cleanup work.
Join Kyle live Thursday to see it in action. 👇
Storybook MCP adds accessibility checks directly to AI workflows validating components as they’re generated so issues don’t compound into cleanup work.
Join Kyle live Thursday to see it in action. 👇
February 10, 2026 at 5:23 PM
AI doesn’t just generate UI faster, it repeats the same mistakes faster too.
Storybook MCP adds accessibility checks directly to AI workflows validating components as they’re generated so issues don’t compound into cleanup work.
Join Kyle live Thursday to see it in action. 👇
Storybook MCP adds accessibility checks directly to AI workflows validating components as they’re generated so issues don’t compound into cleanup work.
Join Kyle live Thursday to see it in action. 👇
Reposted by Storybook
What if your UI didn’t have to be decided at build time?
Generative UI lets AI assemble the components you already ship using intent, state + data to render UI needed in the moment.
We’re walking through how this works live with @mrmagan.bsky.social (Tambo). Register in comments 👇
Generative UI lets AI assemble the components you already ship using intent, state + data to render UI needed in the moment.
We’re walking through how this works live with @mrmagan.bsky.social (Tambo). Register in comments 👇
January 27, 2026 at 5:07 PM
What if your UI didn’t have to be decided at build time?
Generative UI lets AI assemble the components you already ship using intent, state + data to render UI needed in the moment.
We’re walking through how this works live with @mrmagan.bsky.social (Tambo). Register in comments 👇
Generative UI lets AI assemble the components you already ship using intent, state + data to render UI needed in the moment.
We’re walking through how this works live with @mrmagan.bsky.social (Tambo). Register in comments 👇
Reposted by Storybook
Here's a little sneak peak into the experimental Storybook MCP server we're still working hard on. 👀
@vscode.dev being so quick to add support for MCP features like MCP Apps is absolutely fantastic. 🙏
youtu.be/DqoMsEkXqlI
@vscode.dev being so quick to add support for MCP features like MCP Apps is absolutely fantastic. 🙏
youtu.be/DqoMsEkXqlI
Storybook MCP App Demo
YouTube video by Jeppe Reinhold
youtu.be
January 23, 2026 at 12:51 PM
Here's a little sneak peak into the experimental Storybook MCP server we're still working hard on. 👀
@vscode.dev being so quick to add support for MCP features like MCP Apps is absolutely fantastic. 🙏
youtu.be/DqoMsEkXqlI
@vscode.dev being so quick to add support for MCP features like MCP Apps is absolutely fantastic. 🙏
youtu.be/DqoMsEkXqlI
Reposted by Storybook
Generative UI isn’t AI writing code. It’s assembling your tested components based on intent, state & data. That only works if your component library is reliable.
We’re digging into the React workflow live with @mrmagan.bsky.social (Tambo).
Register to join live & get the recording 👇
We’re digging into the React workflow live with @mrmagan.bsky.social (Tambo).
Register to join live & get the recording 👇
January 22, 2026 at 7:14 PM
Generative UI isn’t AI writing code. It’s assembling your tested components based on intent, state & data. That only works if your component library is reliable.
We’re digging into the React workflow live with @mrmagan.bsky.social (Tambo).
Register to join live & get the recording 👇
We’re digging into the React workflow live with @mrmagan.bsky.social (Tambo).
Register to join live & get the recording 👇
Reposted by Storybook
Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍
medium.com/preply-engin...
👇
medium.com/preply-engin...
👇
Front-end testing at Preply: shifting left towards component testing
Co-authored by Lukasz Rados
medium.com
January 13, 2026 at 8:54 AM
Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍
medium.com/preply-engin...
👇
medium.com/preply-engin...
👇
If you’ve wondered what changed to make Storybook faster, this week’s @devtools.fm episode is a great breakdown. @reinhold.is (Storybook core maintainer) covers Vite, ESM, fewer dependencies → impacts CSF, framework support, vitest. Plus, AI/LLMs via MCP.
🎧 Link in comments 👇
🎧 Link in comments 👇
January 6, 2026 at 6:17 PM
If you’ve wondered what changed to make Storybook faster, this week’s @devtools.fm episode is a great breakdown. @reinhold.is (Storybook core maintainer) covers Vite, ESM, fewer dependencies → impacts CSF, framework support, vitest. Plus, AI/LLMs via MCP.
🎧 Link in comments 👇
🎧 Link in comments 👇
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: