# Storybook

> Storybook is a frontend workshop for building UI components and pages in isolation, enabling teams to develop, test, and document UI components efficiently. It supports multiple frameworks and offers addons for design, testing, and documentation, making it a comprehensive tool for UI development.

**Remember:**
- UI Component Development
- Isolated Storybook Environment
- Framework Support (React, Angular, Vue, Web Components, etc.)
- Addons for Documentation, Accessibility, Testing, and Interactivity
- Portability and Reusability of Stories
- Integration with Testing Frameworks (Jest, Vitest, Playwright)

## Docs
- [Addon A11Y Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/_snippets/addon-a11y-install.md): install & quickstart.
- [Addon Test Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/_snippets/addon-test-install.md): install & quickstart.
- [Angular Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/_snippets/angular-install.md): install & quickstart.
- [Chromatic Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/_snippets/chromatic-install.md): install & quickstart.
- [Compodoc Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/_snippets/compodoc-install.md): install & quickstart.
- [Eslint Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/_snippets/eslint-install.md): install & quickstart.
- [Eslint Plugin Storybook Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/_snippets/eslint-plugin-storybook-install.md): install & quickstart.
- [Install](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/get-started/install.mdx): install & quickstart.
- [Install](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/tasks/install.ts): install & quickstart.
- [Install Addons](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/addons/install-addons.mdx): install & quickstart.

## Tutorials
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/lib/codemod/README.md): install & quickstart.
- [Codemod](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/snippets/codemod.ts): worked example.
- [Build Config](https://raw.githubusercontent.com/storybookjs/storybook/next/code/lib/codemod/build-config.ts): worked example.
- [Polyfill Example.Stories](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/ember-cli/stories/polyfill-example.stories.js): worked example.
- [Vitest.Config](https://raw.githubusercontent.com/storybookjs/storybook/next/code/lib/codemod/vitest.config.ts): worked example.
- [Ember Example](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/ember-cli/ember-output/assets/ember-example.js): worked example.
- [Index](https://raw.githubusercontent.com/storybookjs/storybook/next/code/lib/codemod/src/index.ts): worked example.
- [Cjsnodemodulemocking.Stories](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/template/stories/test/CjsNodeModuleMocking.stories.js): worked example.
- [Codemod](https://raw.githubusercontent.com/storybookjs/storybook/next/code/lib/cli-storybook/src/automigrate/codemod.ts): worked example.
- [Csf 2 To 3](https://raw.githubusercontent.com/storybookjs/storybook/next/code/lib/codemod/src/transforms/csf-2-to-3.ts): worked example.

## API
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/src/preview-api/README.md): install & quickstart.
- [Readme Addons](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/src/preview-api/README-addons.md): install & quickstart.
- [Readme Core Client](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/src/preview-api/README-core-client.md): install & quickstart.
- [Readme Preview Web](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/src/preview-api/README-preview-web.md): install & quickstart.
- [Readme Store](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/src/preview-api/README-store.md): install & quickstart.
- [Module Mocking.Spec](https://raw.githubusercontent.com/storybookjs/storybook/next/code/e2e-tests/module-mocking.spec.ts): docs page.
- [Preview Api.Spec](https://raw.githubusercontent.com/storybookjs/storybook/next/code/e2e-tests/preview-api.spec.ts): docs page.
- [Sb Module Mocking.Spec](https://raw.githubusercontent.com/storybookjs/storybook/next/code/e2e-tests/sb-module-mocking.spec.ts): docs page.
- [Addons](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/src/preview-api/addons.ts): docs page.
- [Context](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/src/manager-api/context.ts): docs page.

## Optional
- [Changelog](https://raw.githubusercontent.com/storybookjs/storybook/next/CHANGELOG.md): version history.
- [Changelog.Prerelease](https://raw.githubusercontent.com/storybookjs/storybook/next/CHANGELOG.prerelease.md): version history.
- [Changelog.V1 5](https://raw.githubusercontent.com/storybookjs/storybook/next/CHANGELOG.v1-5.md): version history.
- [Changelog.V6](https://raw.githubusercontent.com/storybookjs/storybook/next/CHANGELOG.v6.md): version history.
- [Contributing](https://raw.githubusercontent.com/storybookjs/storybook/next/CONTRIBUTING.md): docs page.
- [Contributing.Old](https://raw.githubusercontent.com/storybookjs/storybook/next/CONTRIBUTING.old.md): docs page.
- [Security](https://raw.githubusercontent.com/storybookjs/storybook/next/SECURITY.md): security policy.
- [Releasing](https://raw.githubusercontent.com/storybookjs/storybook/next/CONTRIBUTING/RELEASING.md): docs page.
- [Cancel Preparation Runs](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/release/cancel-preparation-runs.ts): version history.
- [Generate Pr Description](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/release/generate-pr-description.ts): version history.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/.circleci/README.md): install & quickstart.
- [Code Of Conduct](https://raw.githubusercontent.com/storybookjs/storybook/next/CODE_OF_CONDUCT.md): docs page.
- [Maintainers](https://raw.githubusercontent.com/storybookjs/storybook/next/MAINTAINERS.md): docs page.
- [Migration](https://raw.githubusercontent.com/storybookjs/storybook/next/MIGRATION.md): docs page.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/README.md): docs page.
- [Resolutions](https://raw.githubusercontent.com/storybookjs/storybook/next/RESOLUTIONS.md): docs page.

## .Github
- [Copilot Instructions](https://raw.githubusercontent.com/storybookjs/storybook/next/.github/copilot-instructions.md): docs page.
- [Pull Request Template](https://raw.githubusercontent.com/storybookjs/storybook/next/.github/PULL_REQUEST_TEMPLATE.md): docs page.
- [Good First Issue](https://raw.githubusercontent.com/storybookjs/storybook/next/.github/comments/good-first-issue.md): docs page.
- [Invalid Link](https://raw.githubusercontent.com/storybookjs/storybook/next/.github/comments/invalid-link.md): docs page.

## .Kiro
- [Product](https://raw.githubusercontent.com/storybookjs/storybook/next/.kiro/steering/product.md): docs page.
- [Structure](https://raw.githubusercontent.com/storybookjs/storybook/next/.kiro/steering/structure.md): docs page.
- [Tech](https://raw.githubusercontent.com/storybookjs/storybook/next/.kiro/steering/tech.md): docs page.

## Code
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/core/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/a11y/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/links/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/onboarding/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/pseudo-states/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/themes/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/vitest/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/builders/builder-vite/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/builders/builder-webpack5/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/code/frameworks/angular/README.md): install & quickstart.

## Scripts
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/eslint-plugin-local-rules/README.md): install & quickstart.
- [Build Package](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/build-package.ts): docs page.
- [Check Dependencies](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/check-dependencies.js): docs page.
- [Check Package](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/check-package.ts): docs page.
- [Combine Compodoc](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/combine-compodoc.ts): docs page.
- [Create Nx Sandbox Projects](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/create-nx-sandbox-projects.ts): docs page.
- [Dangerfile](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/dangerfile.js): docs page.
- [Event Log Checker](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/event-log-checker.ts): docs page.
- [Event Log Collector](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/event-log-collector.ts): docs page.
- [Get Report Message](https://raw.githubusercontent.com/storybookjs/storybook/next/scripts/get-report-message.ts): docs page.

## Test Storybooks
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/ember-cli/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/server-kitchen-sink/README.md): install & quickstart.
- [README](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/standalone-preview/README.md): install & quickstart.
- [Yarn Pnp](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/yarn-pnp/index.html): docs page.
- [App](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/ember-cli/app/index.html): docs page.
- [Ember Output](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/ember-cli/ember-output/index.html): docs page.
- [Svelte](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/portable-stories-kitchen-sink/svelte/index.html): docs page.
- [Playwright](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/portable-stories-kitchen-sink/react/playwright/index.html): docs page.
- [Playwright](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/portable-stories-kitchen-sink/svelte/playwright/index.html): docs page.
- [Playwright](https://raw.githubusercontent.com/storybookjs/storybook/next/test-storybooks/portable-stories-kitchen-sink/vue3/playwright/index.html): docs page.
