Storybook was originally created as React Storybook by Kadira in 2016 and is now maintained by the Storybook team at Chromatic. It’s an open-source project with a distributed team of core maintainers.
The idea is simple but powerful: develop UI components outside of your application. Each component gets “stories” that represent its different states. A button might have stories for primary, secondary, disabled, and loading states. You can view and interact with every state in a dedicated browser-based workshop.
Storybook supports React, Vue, Angular, Svelte, Web Components, and more. It runs alongside your app — you don’t have to change your build setup. Components render in an iframe, so they’re truly isolated from your app’s global styles and state.
The addon ecosystem is extensive. Controls let you dynamically edit component props. Actions log event handler calls. Accessibility addon runs axe checks on every story. Docs addon auto-generates documentation from your components and stories. Interaction testing lets you write play functions that simulate user behavior within stories.
Storybook 7, released in 2023, brought a complete UI overhaul, first-class Vite support, and component story format 3. Storybook 8 added visual testing integration and improved performance significantly. The project has over 84,000 GitHub stars, making it one of the most popular frontend tools. It’s used at companies like Airbnb, BBC, Salesforce, and Adobe.
