7.0 design is now in alpha
Storybook 7.0’s design is now in alpha! Storybook is now used for UI development along with testing and documentation. We’ve refined the core UI patterns to better support all those workflows and give you a big productivity boost.
We’re excited for you to try it out. Here’s what’s inside:
- 📐 Layout edge-to-edge
- 🛠 Toolbar reorganized
- ✍️ 200 redrawn icons
- 🔢 Form elements refined
- ⚡️ Pre-bundled app for speed
We’re hiring!
Join the team behind Storybook and Chromatic. Build tools that are used in production by 100s of thousands of developers. Remote-first. View openings »
How to debug CSS in Storybook
Storybook comes with built-in CSS debugging tools like Measure, Outline, and Viewport. That means no more hassling with heavy devtools drawers, panels, and panes for the most common tasks.
Learn how to build and debug layouts faster in chantastic’s latest video, Debug CSS without DevTools!