Welcome to Storybook

Storybook helps you build UI components in isolation from your app's business logic, data, and context. That makes it easy to develop hard-to-reach states. Save these UI states as stories to revisit during development, testing, or QA.

Browse example stories now by navigating to them in the sidebar. View their code in the src/stories directory to learn how they work. We recommend building UIs with a component-driven process starting with atomic components and ending with pages.

Presets for popular toolsEasy setup for TypeScript, SCSS and more.Build configurationHow to customize webpack and BabelStylingHow to load and configure CSS librariesDataProviders and mocking for data libraries

Storybook documentationConfigure, customize, and extendIn-depth guidesBest practices from leading teamsGitHub projectView the source and add issuesDiscord chatChat with maintainers and the community