<p>Storybook 10.3 adds MCP for React so AI agents can reuse real components, write stories, and run focused component and accessibility tests. It also improves Storybook’s accessibility, expands CSF Factories to more frameworks, and adds support for newer frontend tooling like Vite 8 and Next.js 16.2.</p><p>👇 Try Storybook 10.3 today</p><h2 id="storybook-mcp-for-react">Storybook MCP for React</h2><p>Storybook MCP for React gives AI agents direct access to your real components, stories, docs, and tests so they can build production grade UI instead of hallucinating their way through it.</p>
const meta = { component: Button } satisfies Meta<typeof Button>; export default meta;
type Story = StoryObj<typeof meta>;
export const Primary: Story = { args: { label: ‘Button’, primary: true } };
// CSF Factories - Less boilerplate and no type assignments! 🎉 import preview from ‘../.storybook/preview’; import Button from ‘./Button’;
const meta = preview.meta({ component: Button });
export const Primary = meta.story({
args: { label: ‘Button’, primary: true }
});</code></pre><p>There are codemods to automatically upgrade your existing stories, but you are not obligated to upgrade. Older versions of CSF are still supported and will be for the foreseeable future. CSF Factories are in Preview status, which means we don’t anticipate any significant changes before their stable release in Storybook 11.</p><p>To learn more, read the CSF Next docs for React, Vue, Angular, and Web components.</p><h2 id="ecosystem-and-community">Ecosystem and community</h2><p>Storybook’s strength comes from its ecosystem: a huge community, first-class framework support, and integrations that meet frontend teams where they work. Storybook 10.3 delivers a broad set of improvements across that ecosystem.</p><p>Core improvements include:</p><ul><li>⚡ Vite 8</li><li>▲ Next.js 16.2</li><li>📝 ESLint 10</li><li>🅰️ Angular 21</li><li>🦀 CLI init support for Rsbuild</li><li>⚡️ Preact support for Vitest addon</li></ul><p>Meanwhile, the community has also been hard at work:</p><ul><li>🤘 Community Vike integration</li><li>🚀 Community Astro framework (experimental)</li></ul>
How to upgrade to Storybook 10.3
New to Storybook? Create a project:
npm create storybook@latest
Already using Storybook? Upgrade now with our automated migration wizard:
npx storybook@latest upgrade
We also provide a migration guide to help upgrading from previous majors.
What’s next?
As AI models become more capable software builders, development workflows are being completely rewritten. Tools like Storybook need to adapt.
MCP for React is our first move, but it’s only the beginning. We’re already exploring what comes next: reusable skills, support across more frameworks, better ways to visualize components inside agentic editors, and first-class design token support are a few of the things we’re cooking.
But this shift isn’t just about making agents more capable. It’s about creating a better development environment overall. Each step of the way, we plan to keep raising the bar for human developers too, making Storybook more usable, more integrated, and more effective for everyone who builds UI.
Contributors (10.1-3)
@43081j @50bbx @6810779s @abhaysinh1000 @achesin @akornmeier @alex-js-ltd @anchmelev @andreww2012 @ar-saeedi @beeswhacks @bryan-codaio @chida09 @chiman2937 @cjeonguk @copilot @createhb21 @dannyhw @dididy @dschungelabenteuer @dukedesouth @ec-9624 @ehoodgoren @etiennepasteur @gayanmatch @ghengeveld @gpoole @harshit-mourya @hpohlmeyer @huang-julien @ia319 @icopp @jeevikar14 @jonathan-fulton @jonniebigodes @jovidecroock @jreinhold @jsmike @k35o @kasperpeulen @kylegach @maelryn @majiayu000 @matthijsgroen @michaelarestad @mixelburg @mrginglymu @msmx-mnakagawa @nathan54villaume @nathanjessen @ndelangen @nikhilchowdhury27 @nnt1054 @nzws @pallaprolus @pavan-sh @quisido @reduckted @reeseo3o @remino @renoschubert @robbchar @rohan436 @sakit0 @samuelt-beslogic @sekeidesign @shilman @sidnioulz @silverwind @snippy4 @sod @superlipbalm @tanujbhaud @theruslan @theseydicharyyev @unional @valentinfunk @valentinpalkovic @vanessayuenn @viditkbhatnagar @whdjh @wioletakolodziej @wumingdao @y-hsgw @yannbf @yatishgoel @yeonny0723 @yoshi-taka @yue4u
Storybook 10.3 is out! ✨ Storybook MCP for React ♿ A11y overhaul fixes 100s of issues 🧑💻 CLI overhaul for faster, more reliable install 💅 New Viewports and Zoom UI ✅ New onboarding guide 🏭 Type-safe CSF factories for Vue, Angular, and Web Components Take a look ⤵️
— Storybook (@storybook.js.org) 2026-04-08T16:56:25.723Z