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
Scrambling to figure out accessibility automation?
Storybook 9 ships an integrated accessibility pipeline. Let’s break down how it all works together from development to CI.
🧵Read on…
2
1
20
1,812
Are your component tests actually pulling their weight?
Storybook 9 now shows test coverage right in the UI.
Join our live walkthrough and see test coverage across interaction, visual, and a11y.
📅 Thurs, June 26
🕒 12pm EDT / 18:00 CET
Register in the link in the comment 👇
1
2
2
1,072
Learn better through demos? Join our live session next Thursday!
🗓️ June 26 | 🕗 12pm ET / 18:00 CET
📍 Live Zoom webinar
us02web.zoom.us/webinar/regi…
Our latest post walks through how to use the coverage reporting in Storybook 9 to be sure your components are well-tested.
ALT Storybook's test widget, showing a 56% coverage summary
7
1,651
Re-run your component tests to see the impact you made on your test coverage.
ALT Two browser windows. The foreground is an interactive coverage report showing all files to have full coverage. The background is the Storybook app with coverage shown at 100%.
1
700
Or, if you need a test for a particular combination of props, adjust the values in the Controls panel, then save it as a new story:
ALT A toolbar with three buttons, Save, New, and Reset. A status text says "Unsaved changes”
1
82
If you’re missing tests entirely for a component, you can generate a new stories file automatically by clicking this button and searching for components in your project:
ALT Storybook's sidebar with the "Add new component" button highlighted
1
102
With Storybook 9, your stories can be tests. But how do you know that you’re testing the right things? For that, we built @vitest_dev's test coverage into Storybook Test.
Click on the coverage summary in the test widget to open an interactive coverage report.
ALT Two browser windows. The foreground is an interactive coverage report showing Card to be the only source file with poor coverage. The background is the Storybook app.
1
1
10
2,527
Our latest post walks through how to use the coverage reporting in Storybook 9 to be sure your components are well-tested.
ALT Storybook's test widget, showing a 56% coverage summary
1
5
18
3,543
Storybook retweeted
Chromatic’s Varun Vachhar joined Jonathan “J.” Tower on Blue Blazes to talk through:
🧩 Component-driven dev evolution
⚙️ Why component isolation matters
🚀 Storybook’s journey to Storybook 9
Building UIs or design systems? 👇Link in comments
1
1
3
887
Devil's in the details: When SB test runs, we change the favicon to match test run
(coming soon)
1
17
1,049
Apple introduced Liquid Glass yesterday, so our designer @michaelarestad reimagined Storybook with Liquid Plexiglass 😅
1
2
16
1,431
Storybook retweeted
You can now upgrade Storybook Rsbuild to v2 to use Storybook v9 🥳
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
15
76
6,267
🎙️ Our AMA with the team behind Storybook 9 is live tomorrow!
Join us tomorrow to celebrate our release — and bring your questions for the Storybook team.
📅 June 5 | 🕗 11:00 AM ET / 17:00 CET
📍 Online (Zoom)
👉 Don’t miss out — reserve your spot now: hubs.ly/Q03qNFsG0
3
12
1,144
🎙️ What’s it like building Storybook?
Storybook Maintainer @DrReinhold joined @syntaxfm to talk Storybook 9:
🪶 Smaller installs
⚡ Vite support
🧪 Built-in testing (visual, a11y, interaction)
📚 Better workflows for teams
👇 Link in comments
2
3
11
1,602