Storybook

Storybook is an open-source frontend workshop for building UI components and pages in isolation, created by Norbert de Langen and Tom Coleman, first released in 2016 and now maintained by Chroma Software with over twelve million weekly npm downloads, adopted by companies including Microsoft, Airbnb, Slack, Stripe, and Shopify for component-driven development workflows that separate UI component development from business logic and application infrastructure. The isolated component development environment renders components in a sandboxed environment without needing to navigate through the full application, enabling developers to build, test, and iterate on individual components with mock data, different states, and viewport sizes, dramatically improving development speed and component quality by focusing on one component at a time without the overhead of application state management and routing. The story format defines component states as stories, with each story providing the props, data, and context needed to render a specific variant, enabling comprehensive documentation of all component states and configurations, from default states to edge cases, loading states, error states, and responsive layouts. The addon ecosystem extends functionality with controls for interactive prop editing, actions for event logging, viewport for responsive testing, accessibility auditing through axe, documentation generation from code comments and prop types, knob-based property manipulation, and snapshot testing. The framework support covers React, Vue, Angular, Svelte, Solid, Web Components, and HTML. The Chromatic service provides visual regression testing and review. Designed for frontend developers, UI engineers, and design system teams.