Storybook 7.0 brings first-class Vite support⚡
🪄 Zero config setup
🙅 No Webpack required
🗜️ Smaller install size
🏎️ Storybook UI is pre-bundled for performance
🌐 Works with Vue 2 + 3, Svelte, React and more
Read »» storybook.js.org/blog/first-cla…
🧵1/-
Storybook 7, the next chapter of Storybook, is here!
🚀 Storybook’s biggest ever update – our first major release in 2 years!
⚡️ Zero-config support for @vite_js, @nextjs & @sveltejs
💯 Enhanced testing, Docs, UI, stability, and so much more
Read on:
storybook.js.org/blog/storybook…
Storybook 8 is here! 🥳
📸 Visual Tests addon
⚛️ React Server Component support
🎛️ Upgraded Vue & React control autogeneration
⚡️ Rearchitected @vite_js support + Vite 5
✨ New UI on desktop and mobile
💯 8,865 commits, 773 PRs, 218 contributors
storybook.js.org/blog/storybook…
🚀 Storybook 7.0 beta is live!
It's our biggest update ever. SB was re-architected for better performance and stability while also shipping hundreds of improvements.
See what’s new 🧵
Sneak peek of our new Figma plugin!
It brings designers closer to developers by connecting variants to stories.
🤝 Link design components to stories
🕹 Play w interactive stories in Figma
🎯 Compare implementation to design
See more » storybook.js.org/blog/figma-plu…
Component Encyclopedia is live!
We're indexing every UI component in the world for you to learn from. We have 5,132 components so far—from Airbnb MSFT Adobe etc.
🌎 Browse visually
🔍 Search & filter
▶️ Demo live examples
♻️ Reuse components
storybook.js.org/blog/component…
🧵But why?
Introducing StorybookGPT, a GPT that automatically generates stories for React + TypeScript components!
Incredible work by by our community member, @kaelig 👏 Check it out!
chat.openai.com/g/g-Ev8pDjD1u-…
Interactive stories beta is live!
Simulate user behavior in your stories (click, type, hover). No need for a separate tests file or runner.
✅ Runs in real browser
⚡️ No waiting & no flake
🐙 Powered by @TestingLib
🛠 Low maintenance
🔍 Debug visually
storybook.js.org/blog/interacti…
Figma plugin beta is here!
It streamlines design handoff & review by connecting stories to variants.
🔗 Link stories to designs
🕹 Interact w stories in Figma
📐 Compare design to implementation
🔐 Private projects + access control
Try it now » storybook.js.org/blog/figma-plu…
🧵1/
🎉 We’re throwing a user conference to celebrate the 7.0 launch!
• Get your free tickets below
• Online Mar 14, 2023
• Demo new 7.0 workflows w maintainers
Wait, but why? 1/