Storybook

aid: storybook
name: Storybook
description: >-
  Storybook is the industry-standard frontend workshop for building, documenting,
  and testing UI components in isolation. It supports React, Vue, Angular, Svelte,
  Web Components, and a dozen other frameworks. Developers write stories capturing
  component states, use addons for interaction testing, accessibility auditing,
  visual testing, and design integration, and publish component documentation for
  design systems and component libraries. Storybook 10+ includes an MCP server
  enabling AI agents to understand components, generate stories, and run tests.
  The project is open source (MIT) and maintained by the storybookjs GitHub organization.
type: Index
position: Consumer
access: 3rd-Party
image: https://kinlane-productions.s3.amazonaws.com/apis-json/apis-json-logo.jpg
tags:
  - Accessibility Testing
  - Component Documentation
  - Component Testing
  - Design Systems
  - Frontend Development
  - Open Source
  - React
  - UI Components
  - Visual Testing
created: '2025-01-08'
modified: '2026-05-02'
url: >-
  https://raw.githubusercontent.com/api-evangelist/storybook/refs/heads/main/apis.yml
specificationVersion: '0.19'
apis:
  - aid: storybook:storybook
    name: Storybook
    description: >-
      Storybook is an open-source frontend workshop for building UI components and
      pages in isolation. Supports React, Vue, Angular, Svelte, Web Components, Ember,
      Preact, and more. Core features include component story format (CSF), interactive
      controls, documentation generation, interaction testing, accessibility testing,
      and visual snapshot testing. Published component libraries serve as living design
      system documentation for engineering and design teams.
    humanURL: https://storybook.js.org/
    tags:
      - Accessibility Testing
      - Component Documentation
      - Component Testing
      - Design Systems
      - Frontend Development
      - Open Source
      - UI Components
      - Visual Testing
    properties:
      - type: Documentation
        url: https://storybook.js.org/docs
      - type: Website
        url: https://storybook.js.org/
      - type: GitHubRepository
        url: https://github.com/storybookjs/storybook
      - type: NPM
        url: https://www.npmjs.com/package/storybook
      - type: Changelog
        url: https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md
      - type: Tutorials
        url: https://storybook.js.org/tutorials/
      - type: Integrations
        url: https://storybook.js.org/integrations/
  - aid: storybook:storybook-mcp
    name: Storybook MCP Server
    description: >-
      The Storybook MCP (Model Context Protocol) server enables AI agents to interact
      with a running Storybook instance. Available as the @storybook/addon-mcp addon
      (runs within the dev server at /mcp) and @storybook/mcp standalone library.
      Exposes tools for listing documentation, accessing component metadata, previewing
      stories, and running component tests. Supports React projects in Storybook 10.3+.
    humanURL: https://storybook.js.org/docs/ai/mcp/overview
    tags:
      - AI
      - Component Testing
      - MCP
      - Model Context Protocol
      - Open Source
      - React
    properties:
      - type: Documentation
        url: https://storybook.js.org/docs/ai/mcp/overview
      - type: GitHubRepository
        url: https://github.com/storybookjs/mcp
      - type: NPM
        url: https://www.npmjs.com/package/@storybook/addon-mcp
      - type: Blog
        url: https://storybook.js.org/blog/storybook-mcp-for-react/
common:
  - type: Website
    url: https://storybook.js.org/
  - type: Documentation
    url: https://storybook.js.org/docs
  - type: Blog
    url: https://storybook.js.org/blog
  - type: Tutorials
    url: https://storybook.js.org/tutorials/
  - type: Integrations
    url: https://storybook.js.org/integrations/
  - type: Releases
    url: https://storybook.js.org/releases
  - type: GitHubOrg
    url: https://github.com/storybookjs
  - type: NPM
    url: https://www.npmjs.com/package/storybook
  - type: X
    url: https://x.com/storybookjs
  - type: Discord
    url: https://discord.gg/storybook
  - type: YouTube
    url: https://www.youtube.com/@chromaticui
maintainers:
  - FN: Kin Lane
    email: [email protected]