Storybook
@storybook.js.org
3.3K followers 140 following 240 posts
Develop, test, and document UI in isolation 🔗 storybook.js.org 🛠️ Maintained by Chromatic
Posts Media Videos Starter Packs
Pinned
storybook.js.org
The next version of Storybook will only have one significant breaking change:

Storybook 10 is ESM-only.
A yellow 8 with a large and complex dependency graph underneath, a right arrow extending from that labeled 50% lighter pointing to a pink 9 with a much smaller and simpler graph underneath, another right arrow extending from that labeled 15% lighter pointing to a blue 10 with a simpler dependency graph labeled ESM and a graph with a red line through it labeled No CJS
storybook.js.org
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+
storybook.js.org
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 👇
Webinar invitation – CSF Next: Less Boilerplate, faster story writing
Reposted by Storybook
domyen.bsky.social
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.
Token parsimony. 45% fewer tokens if you provide better context.
storybook.js.org
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-webinar-rapid-frontend-prototyping-cursor-storybook
Reposted by Storybook
expo.dev
Expo @expo.dev · 17d
🆕 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...
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
storybook.js.org
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👇
kevin-leneway-webinar-rapid-frontend-prototyping-cursor-storybook
Reposted by Storybook
reinhold.is
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
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
Reposted by Storybook
domyen.bsky.social
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.
storybook.js.org
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:
Storybook is going ESM-only
Smaller, simpler, and modern
storybook.js.org
Reposted by Storybook
front-end-fire.com
. @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/
Reposted by Storybook
dannyhw.com
Danny @dannyhw.com · Sep 10
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
storybook.js.org
Wonder how Storybook is thinking about AI? Check these RFCs!
reinhold.is
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!

👇
storybook.js.org
It was a 50% reduction but we took the opportunity to start shipping unminified code 😅 so it netted 15%
Reposted by Storybook
justinfagnani.com
Wow, this is awesome.

I hope more and more projects throw CJS in the dustbin.
storybook.js.org
The next version of Storybook will only have one significant breaking change:

Storybook 10 is ESM-only.
A yellow 8 with a large and complex dependency graph underneath, a right arrow extending from that labeled 50% lighter pointing to a pink 9 with a much smaller and simpler graph underneath, another right arrow extending from that labeled 15% lighter pointing to a blue 10 with a simpler dependency graph labeled ESM and a graph with a red line through it labeled No CJS
storybook.js.org
Yes! We're aiming for this fall.
storybook.js.org
Btw, we've confirmed that Storybook is unaffected by yesterday's security concern and that it is *safe* to upgrade your projects.

bsky.app/profile/stor...
storybook.js.org
🚨 **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!
storybook.js.org
We're excited about this smaller, simpler, and more modern version of Storybook.

You can try it today, in Storybook 10 beta. Check our migration guide for details:

storybook.js.org/docs/10/rele...
10 beta
storybook.js.org
ESM-only Storybook means:

- A 15% size reduction from Storybook 9
- Fewer CJS related bugs
- Full ESM syntax support (`import.meta.resolve`, etc)
- Stories and config files need to be valid ESM (our migration tools will help, of course)
storybook.js.org
The next version of Storybook will only have one significant breaking change:

Storybook 10 is ESM-only.
A yellow 8 with a large and complex dependency graph underneath, a right arrow extending from that labeled 50% lighter pointing to a pink 9 with a much smaller and simpler graph underneath, another right arrow extending from that labeled 15% lighter pointing to a blue 10 with a simpler dependency graph labeled ESM and a graph with a red line through it labeled No CJS