Storybook has long been the go-to workshop for building, documenting, and testing UI components. It’s a tool loved by developers worldwide, from small startups to major players like Slack and Audi. With the release of Storybook 8.5, the platform takes a significant leap forward, introducing features designed to make UI development more inclusive, efficient, and powerful.
Let’s dive into the highlights of this game-changing update.
1.Accessibility at the Core: Real-Time a11y Tests
Why Accessibility Matters
Modern UI development increasingly requires accessibility (a11y) compliance. From the European Accessibility Act (effective June 2025) to existing regulations for government services, accessible design is no longer optional.
The updated Accessibility Addon in Storybook 8.5 simplifies this process. Built on the robust axe-core library, it checks your components against the Web Content Accessibility Guidelines (WCAG) and other best practices.
What’s New
Previously, you had to manually check each story for a11y violations. Now, with just one click, you can
Run accessibility checks across your entire Storybook.
Get real-time feedback on every story.
This ensures that your UIs are not only functional but also accessible to all users, regardless of ability.
2.Project Code Coverage: Measure Testing Effectiveness
What Is Code Coverage?
Code coverage measures which parts of your UI code are tested during a test run. It ensures your test suite is comprehensive, helping you catch bugs before they reach users.
How It Works in Storybook 8.5
During a test run, Storybook Test collects coverage data.
Results are displayed in an intuitive UI.
You can click to view detailed reports, down to individual lines of code.
This feature is a game-changer for teams aiming to maintain high-quality standards without compromising on speed.
3.Focused Tests: Speed Up Your Workflow
Testing hundreds or thousands of components can be time-consuming. Storybook 8.5 addresses this with Focused Tests
Test a single story, component, or group of components.
Get instant feedback within Storybook’s workshop.
This approach is perfect for quick iterations on specific components while leaving full test runs for your CI pipeline.
4.React Native Web Vite Framework: Next-Level Mobile UI Testing
React Native developers, rejoice! Storybook 8.5 introduces the React Native Web Vite (RNW-Vite) framework. It uses React Native Web to
Render your React Native components in the browser.
Work seamlessly with over 500 public Storybook addons.
Provide a faster and easier setup than previous tools.
This officially supported framework replaces the community-maintained Webpack-based addon, ensuring compatibility with Storybook Test and improved performance.
5.Installation of Storybook
Storybook 8.5 is packed with features to make UI development more inclusive, efficient, and powerful.
For new projects
npx storybook@latest init
To upgrade an existing project
npx storybook@latest upgrade
Check more about Storybook 8.5 from the official document - https://storybook.js.org/
