News and updates from the team

Make your first story in seconds without leaving the browser!

A new, standards-based mocking approach

A more productive, organized, and predictable Storybook

Test your stories in Playwright CT with minimal setup.

Next level testing, performance, and compatibility

Significantly improved docs and controls for Vue Storybooks using Vite

Catch visual changes inside Storybook, without needing to depend on CI

Major compatibility & performance improvements

Aligning React Native and core Storybook more closely than ever before

Develop, document, and test RSC applications in isolation, using MSW to mock network requests

Highlights from 2023 and what’s coming next

Optimize build performance for Storybook 7.6

Use RSCs in Storybook by upgrading to Storybook 8.0 alpha

Generate stories automatically for your components

Improving performance, UX, and integrations ahead of Storybook 8

What's new in Storybook, November 2023

Debug stories for visual changes with one-click tests

A masterclass in rebranding with Storybook and Chromatic

Next.js improvements, enhanced Angular support, and 2.2x faster startup for React TypeScript projects

September 2023 Storybook update

What’s new in Storybook

Sign up now to take part, plus project updates

Pinpoint UI bugs down to the pixel with Storybook

July 2023 Storybook update

Storybook 7.1 is here! Featuring in-app onboarding, zero-config styling support, TypeScript code snippets, and more.

Write your first story in just 3 minutes

New zero-config support for JavaScript's most popular styling libraries

We’re making it easier than ever to learn Storybook

Recap of all the exciting recent updates. Plus, amazing new learning resources from the community!

Next-level component development and testing

Perf improvements, support for Component Story Format, controls, and args. Plus new configuration files format to align with Storybook core.

Use the Styling Addon to configure your styling tools and provide themes for your UI components.

Zero-config support for SvelteKit 1.0 with our new framework

New architecture, streamlined UX, and readymade doc blocks

CSF3 syntax combined with TypeScript satisfies gives you stricter types and an improved developer experience

Next gen story format to make you more productive

Get the most out of Vuetify in Storybook with out of the box Vite support

Protecting Storybook users from package upgrade headaches

Enhanced performance, stability, and some exciting new updates

Join us for our first ever user conference

Test-drive the beta and let us know what you think

Zero-config support for Next.js 12/13 using our new framework package

Zero-config support for any framework

Streamline your app development workflow by building, testing and documenting components in isolation

CSF 3 crash course, workflow tools and universal components in Storybook

Get story coverage to find missing edge cases

Refreshed look & feel for 2022

Storybook 7.0 brings lots of Vite improvements: pre-bundled for speed, zero config setup, no Webpack required and smaller install size.

Three tips to get the most out of Material UI with Storybook

How to internationalize components with Storybook

New homepage, video tutorials, and Storybook for game development

What's all the fuss about Storybook

Test drive the new layout, icons, and performance

Learn how to type your stories to make them easier to code and more robust

Visual updates, UX tweaks, and faster performance

Learn how to mock context, app state and API requests using decorators

VSCode extension. Variants, Recoil and Code Editor addons. Plus lots of new learning resources.

Learn to control how a story renders by wiring it to a decorator and toolbar items

Explore the world’s UI components to learn techniques that actually work

We asked Brad Frost if design systems are still relevant in 2022?

New workflows to make you more productive

Use Accessibility addon to run checks during development and the test runner to catch regressions

We benchmarked both builders to see which is faster.

Integrate design and code, side by side

Lightning fast local development experience for large Storybooks

Complete tutorial on how to simulate and verify user behavior

Connect stories to design components

Figma, SWC, Tensorflow, Spotify playlists, and more

Connect components to design specs, documentation, and feedback

Write stories for hard-to-reach page states

You write stories, Storybook runs tests

How we’re cataloging every UI component in the world

Best practices for organizing components and stories

Storybook Connect links your stories to Figma components

A case study of how we dogfooded our visual testing tool to streamline a CSS refactor

How to integrate design tools with Storybook

Huge year for performance, testing, and community ecosystem

Automatically validate stories in your code editor

Browse the world’s UI components to discover techniques that work

Smaller, faster, and interactive

Bring your content to Storybook

How to show UI components, specs, and usage guidelines together

Integrate Storybook with Next.js in four simple steps

Simulate user behaviour using play functions

3x smaller builds & faster load times for built Storybooks

A testing workflow that doesn’t slow you down

Speed up your workflow and ship higher quality of code

Verify that your UI works end-to-end

Test connected components with Storybook’s play function

Fast feedback with integrated tooling

Learn how to simulate user behaviour and run functional checks

Prevent minor changes from turning into major regressions

Out with boilerplate, in with scripted interactions!

A single source of truth for everything a component does

Optimized for UI development

Lightning-fast development with native ES Modules

Supporting the next-gen rendering pipeline

Storybook addons to make layout debugging a snap

Learn how to pinpoint UI bugs automatically

Better workflows for styling components

Testing techniques used by leading engineering teams

Future-proof component development

The workshop for cybernetically enhanced components

Next-gen tooling with pluggable builders

Launching an Addon Kit and in-depth guide

Supporting the next-gen progressive JS framework

Combining React and Netlify functions to build a social image generator

Build connected UIs in isolation

New addon catalog, tutorials, and docs

Addon Catalog beta with updated documentation

Automate and extend Storybook

Engineered for rapid UI development

Navigate component libraries fast

Production-grade component development

Level up your component development platform

Simple setup, instant productivity

Live edit UI components with no code

Next-gen, dynamic component examples

Build production design systems faster

Use a single main.js file to configure your Storybook

Best practice docs for Vue, Angular, Web components, and Ember

Breakout year for Community, Product, and Ecosystem

Components & documentation in harmony at last

World-class design systems infrastructure

Beautiful documentation, instantly

Simple, portable, future-proof component examples

React Native • Accessibility • Context • Presets • Docs update

Turning stories into living documentation

A hop, skip, and jump to a beautiful new developer experience

Welcome to the future of component development!

Up to 300% faster, compatibility, convenience

Supporting open open source

Three steps to next-generation UI development

Major updates to support new build tools and frameworks

Full-time maintenance and explosive growth

Bright and exciting future for Storybook

Polymer, Image/Vue/Angular Storyshots, Multi-Hierarchy, & more!

Most impactful contribution to the community

Angular Support, Device Viewports, Test Improvements, & more!

Vue Support, Story Hierarchy, RN On-Device UI, & more!

First of many “Storybook for <insert framework here>”

OPEN open-source at Storybook

From UI development startup to open collective

webpack2, create-react-native-app, snapshot testing++, & more!