Industry standard frontend workshop. Develop, test, and document components with ease. Open-source & maintained by @chromaticcom
npx storybook@latest init
- Tweets 7,014
- Following 393
- Followers 25,684
- Likes 6,645
We’re thrilled to share that Storybook 10 is ESM-only. This reduces install size by 29%, allowed us to stop minifying our code, and helps push the Javascript ecosystem toward a simpler, standardized future.
ALT Storybook 10 is 29% lighter than Storybook 9, which is 50% lighter than Storybook 8.
1
19
1,309
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
ALT Storybook 10 is 29% lighter than Storybook 9, which is 50% lighter than Storybook 8.
13
59
477
37,452
🔥 Missed @yannbf’s ViteConf talk? Watch the replay.
Yann Braga (Sr Engineer @storybookjs) breaks down modern component testing and how interaction, visual, and accessibility checks come together in Storybook with Vitest, Playwright, and Chromatic.
🎥 hubs.li/Q03R92pL0
7
1,857
Storybook retweeted
Join @kevmodrome as he works on integrating Storybook into the new Svelte Society website. @DrReinhold is joining in on the fun and helping us out.
We're starting in 25 minutes! Tune in and join us in the chat.
Link in comments 👇
1
2
3
1,858
Progress on Storybook MCP
- Goal is for a seamless prompting <-> SB experience
- Two tools (so far)
Addictive to see the new components popping into view
2
2
16
1,602
Storybook retweeted
✨ Pushed a new vid: how to setup Nx to watch and rebuild libraries for your @storybookjs stories.
(link in reply due to stupid X algo)
1
1
5
1,082
Storybook retweeted
Investing in building a full Vite plugin integration for Angular keeps paying off more and more 😊
Unlocked Vite(+), Vitest, Astro, Storybook, Nitro, etc 😤
4
2
85
5,897
Storybook retweeted
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/repro
- Using SB 9 or 8.2+
8
6
26
3,229
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 Kyle & Kasper live on Oct 16 for a demo of what’s next.
Registration in comments 👇
ALT Webinar Invite: CSF Next – Less Boilerplate, faster story writing
1
2
2
974
Storybook retweeted
Another @storybookjs using @Angular switching to @vite_js with @analogjs 🤩
radix-ng.com/ - a port of Radix UI for Angular
sb-primitives.radix-ng.com/?…
2
3
26
2,179
Storybook retweeted
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.
ALT MCP provides better context which spends 45% fewer tokens than a vanilla prompt.
2
1
3
1,041
AI can write your UI. But can you trust it?
👨💻 @kleneway (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
ALT kevin-leneway-webinar-rapid-frontend-prototyping-cursor-storybook
1
2
5
1,221
Storybook retweeted
📚New blog: Build beautiful components faster with Storybook 9 + 𝝠 Expo
♢ Catalog every UI state
♢ Share builds with your team via TestFlight or Play Store
♢ Reuse stories for automated tests
Full guest post by @Danny_H_W ↓
2
14
131
22,284
Cursor writes code fast, but does it work? Pair it with Storybook to see components render in isolation.
Join us with @kleneway for a live demo of his workflow:
✅ Feed Cursor a build checklist
✅ Watch components render live
✅ Decide: iterate, ship, or scrap
Register below👇
ALT kevin-leneway-webinar-rapid-frontend-prototyping-cursor-storybook
1
2
9
1,136
In dev use Storybook for instant a11y feedback
In CI, check every edge case for a11y regressions + get a dashboard of your progress
We cut Chromatic's 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.
3
2,297