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,682
- Likes 6,645
Storybook retweeted
This is the first major version of storybook where React Native and Web have released together. This may sound simple but the React Native version was very behind at one point. Each version before 9 was a big overhaul and now we're following api changes and doing improvements.
Storybook 9 is here!
▶️ Interaction tests
♿ Accessibility tests
👁️ Visual tests
🛡️ Coverage reports
🚥 Test widget
🪶 48% Leaner
✍️ Story generation
🏷️ Tag-based organization
🌐 Story globals
🏗️ Major updates for Svelte, Next.js, React Native, and more!
Let’s dive in!
11
15
149
14,258
Storybook retweeted
If you tried Storybook years ago and haven't looked in a while, this is your invitation to re-examine it. @storybookjs team has been absolutely crushing it, constantly iterating and improving. My own team uses it cross-platform with storybook-react-native with much success
This is the first major version of storybook where React Native and Web have released together. This may sound simple but the React Native version was very behind at one point. Each version before 9 was a big overhaul and now we're following api changes and doing improvements.
1
3
1,331
Storybook retweeted
🚀 Storybook 9 is there, and supported day 1 by story.to.design–to import it all into #figma
Kudos to the @storybookjs team for the hard work 💪
Storybook 9 is here!
▶️ Interaction tests
♿ Accessibility tests
👁️ Visual tests
🛡️ Coverage reports
🚥 Test widget
🪶 48% Leaner
✍️ Story generation
🏷️ Tag-based organization
🌐 Story globals
🏗️ Major updates for Svelte, Next.js, React Native, and more!
Let’s dive in!
1
3
1,391
Storybook retweeted
Startup was the biggest friction I had with storybook.
Now it’s under 1 second!
Vite-powered Next.js
We recreated the Storybook framework for @nextjs in Vite, bringing an instant-on experience and support for everything in Storybook Test.
ALT CLI output when starting Storybook with the nextjs-vite framework
2
1
3
1,721
We're hosting a live session all about Storybook 9, with an AMA for the Storybook team on Thursday!
📅 Thursday, June 5
🕑 Time: 11:00 am ET / 17:00 CET
📍 Online (Zoom)
us02web.zoom.us/webinar/regi…
Storybook 9 is here!
▶️ Interaction tests
♿ Accessibility tests
👁️ Visual tests
🛡️ Coverage reports
🚥 Test widget
🪶 48% Leaner
✍️ Story generation
🏷️ Tag-based organization
🌐 Story globals
🏗️ Major updates for Svelte, Next.js, React Native, and more!
Let’s dive in!
3
19
2,843
♿ Accessibility tests
The popular a11y addon has been redesigned to be even more helpful when surfacing violations found by axe-core. Click on a highlighted violation to see details right on top of your components.
And run a11y tests for your whole project with a click.
ALT Storybook showing a story with accessibility violations, detailed in both the accessibility addon panel and the highlight menu in the story preview
1
16
1,772
Learn more about Storybook 9:
storybook.js.org/blog/storyb…
Including a sneak peek at what we’ll be doing next.
1
1
10
1,266
Storybook 9 is here!
▶️ Interaction tests
♿ Accessibility tests
👁️ Visual tests
🛡️ Coverage reports
🚥 Test widget
🪶 48% Leaner
✍️ Story generation
🏷️ Tag-based organization
🌐 Story globals
🏗️ Major updates for Svelte, Next.js, React Native, and more!
Let’s dive in!
9
109
518
58,323
▶️ Interaction tests
We’ve partnered with @vitest_dev to test your components with simulated behavior in a real browser (shoutout to @playwrightweb), during local development and in CI. And you can debug those tests with a dedicated panel in Storybook.
ALT Storybook showing a passing interaction test with the debugger panel open
1
1
21
2,246