storybookjs/storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

<p align="center"> <a href="https://storybook.js.org/?ref=readme"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/263385/199832481-bbbf5961-6a26-481d-8224-51258cce9b33.png"> <img src="https://user-images.githubusercontent.com/321738/63501763-88dbf600-c4cc-11e9-96cd-94adadc2fd72.png" alt="Storybook" width="400" /> </picture> </a> </p> <p align="center">Build bulletproof UI components faster</p> <br/> <p align="center"> <a href="https://circleci.com/gh/storybookjs/storybook"> <img src="https://circleci.com/gh/storybookjs/storybook.svg?style=shield" alt="Build Status on CircleCI" /> </a> <a href="https://codecov.io/gh/storybookjs/storybook"> <img src="https://codecov.io/gh/storybookjs/storybook/branch/main/graph/badge.svg" alt="codecov" /> </a> <a href="https://github.com/storybookjs/storybook/blob/main/LICENSE"> <img src="https://img.shields.io/github/license/storybookjs/storybook.svg" alt="License" /> </a> <br/> <a href="https://discord.gg/storybook"> <img src="https://img.shields.io/badge/discord-join-7289DA.svg?logo=discord&longCache=true&style=flat" /> </a> <a href="https://storybook.js.org/community/?ref=readme"> <img src="https://img.shields.io/badge/community-join-4BC424.svg" alt="Storybook Community" /> </a> <a href="#backers"> <img src="https://opencollective.com/storybook/backers/badge.svg" alt="Backers on Open Collective" /> </a> <a href="#sponsors"> <img src="https://opencollective.com/storybook/tiers/sponsors/badge.svg" alt="Sponsors on Open Collective" /> </a> <a href="https://x.com/intent/follow?screen_name=storybookjs"> <img src="https://img.shields.io/twitter/follow/storybookjs?color=blue&logo=twitter" alt="Official Twitter Handle" /> </a> <a href="https://api.securityscorecards.dev/projects/github