Storybook website screenshot

Storybook

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.

2 APIs 0 Features
Accessibility TestingComponent DocumentationComponent TestingDesign SystemsFrontend DevelopmentOpen SourceReactUI ComponentsVisual Testing

APIs

Storybook

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. C...

Storybook MCP Server

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 d...

Pricing Plans

Storybook Plans Pricing

3 plans

PLANS

Rate Limits

Storybook Rate Limits

5 limits

RATE LIMITS

FinOps

Semantic Vocabularies

Storybook Context

6 classes · 7 properties

JSON-LD

JSON Structure

Storybook Csf Structure

0 properties

JSON STRUCTURE

Example Payloads

Resources

🔗
DomainSecurity
DomainSecurity
🔗
Website
Website
🔗
Documentation
Documentation
📰
Blog
Blog
🎓
Tutorials
Tutorials
📄
ReleaseNotes
ReleaseNotes
👥
GitHubOrg
GitHubOrg
🔗
NPM
NPM
🔗
X
X
🔗
Discord
Discord
👥
YouTube
YouTube

Sources

apis.yml Raw ↑
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-images.s3.amazonaws.com/shared/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: DomainSecurity
  url: security/storybook-domain-security.yml
- 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: ReleaseNotes
  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: kin@apievangelist.com