Stoplight Elements logo

Stoplight Elements

Stoplight Elements is an open-source API documentation component library for rendering OpenAPI specifications interactively. It provides embeddable React and Web Components that produce beautiful, interactive API reference documentation from any OpenAPI 2.0, 3.0, or 3.1 document, with support for a Try It console, code sample generation, sidebar and stacked layouts, and internal operation filtering.

1 APIs 0 Features
API DocumentationDeveloper ToolsDocumentationInteractive DocsOpenAPIReactWeb Components

APIs

Stoplight Elements

Stoplight Elements is an open-source API documentation component library that renders OpenAPI 2.0, 3.0, and 3.1 specifications as beautiful, interactive developer documentation....

Semantic Vocabularies

Elements Context

0 classes · 7 properties

JSON-LD

Resources

🔗
Documentation
Documentation
👥
GitHub
GitHub
🔗
npm
npm
🔗
CDN
CDN
🚀
GettingStarted
GettingStarted
🚀
GettingStarted
GettingStarted
🚀
GettingStarted
GettingStarted
🔗
Reference
Reference
🔗
Website
Website
📄
Changelog
Changelog
🔗
License
License
🔗
JSONSchema
JSONSchema
🔗
JSON-LD
JSON-LD

Sources

Raw ↑
aid: elements
url: >-
  https://raw.githubusercontent.com/api-evangelist/elements/refs/heads/main/apis.yml
apis:
  - aid: elements:elements
    name: Stoplight Elements
    tags:
      - API Documentation
      - Documentation
      - OpenAPI
      - React
      - Web Components
    humanURL: https://stoplight.io/open-source/elements
    properties:
      - url: https://stoplight.io/open-source/elements
        type: Website
      - url: https://docs.stoplight.io/docs/elements
        type: Documentation
      - url: https://github.com/stoplightio/elements
        type: GitHub
      - url: openapi/elements-elements-openapi.yml
        type: OpenAPI
      - url: json-schema/elements-configuration-schema.json
        type: JSONSchema
    description: >-
      Stoplight Elements is an open-source API documentation component library that
      renders OpenAPI 2.0, 3.0, and 3.1 specifications as beautiful, interactive developer
      documentation. It is available as React components and Web Components, making
      it embeddable in any web application or static HTML page. Elements provides
      a sidebar layout, a stacked layout, and a responsive layout.
name: Stoplight Elements
tags:
  - API Documentation
  - Developer Tools
  - Documentation
  - Interactive Docs
  - OpenAPI
  - React
  - Web Components
type: Index
image: https://kinlane-productions.s3.amazonaws.com/apis-json/apis-json-logo.jpg
access: 3rd-Party
created: '2026-03-18'
modified: '2026-04-28'
position: Consumer
segments:
  - Documentation
  - Developer Tools
description: >-
  Stoplight Elements is an open-source API documentation component library for
  rendering OpenAPI specifications interactively. It provides embeddable React
  and Web Components that produce beautiful, interactive API reference
  documentation from any OpenAPI 2.0, 3.0, or 3.1 document, with support for a
  Try It console, code sample generation, sidebar and stacked layouts, and
  internal operation filtering.
maintainers:
  - FN: Kin Lane
    email: [email protected]
specificationVersion: '0.19'
common:
  - name: Stoplight Elements Documentation
    description: 'null'
    url: https://docs.stoplight.io/docs/elements
    type: Documentation
  - name: Stoplight Elements GitHub Repository
    description: 'null'
    url: https://github.com/stoplightio/elements
    type: GitHub
  - name: Stoplight Elements npm Package
    description: 'null'
    url: https://www.npmjs.com/package/@stoplight/elements
    type: npm
  - name: Stoplight Elements CDN Bundle
    description: 'null'
    url: https://unpkg.com/@stoplight/elements/web-components.min.js
    type: CDN
  - name: Stoplight Elements Getting Started with React
    description: 'null'
    url: https://docs.stoplight.io/docs/elements/b074dc07b3bae-getting-started-with-elements-in-react
    type: GettingStarted
  - name: Stoplight Elements Getting Started with Web Components
    description: 'null'
    url: https://docs.stoplight.io/docs/elements/19a7f9f0cbf23-getting-started-with-web-component
    type: GettingStarted
  - name: Stoplight Elements Getting Started with Angular
    description: 'null'
    url: https://docs.stoplight.io/docs/elements/507fb7fab9b7d-getting-started-with-elements-in-angular
    type: GettingStarted
  - name: Stoplight Elements Configuration Options
    description: 'null'
    url: https://docs.stoplight.io/docs/elements/ZG9jOjMyNjU5MTM-elements-configuration-options
    type: Reference
  - name: Stoplight Open Source Website
    description: 'null'
    url: https://stoplight.io/open-source/elements
    type: Website
  - name: Stoplight Elements Changelog
    description: 'null'
    url: https://github.com/stoplightio/elements/blob/main/CHANGELOG.md
    type: Changelog
  - name: Stoplight Elements License (Apache 2.0)
    description: 'null'
    url: https://github.com/stoplightio/elements/blob/main/LICENSE
    type: License
  - name: Stoplight Elements Configuration JSON Schema
    description: 'null'
    url: json-schema/elements-configuration-schema.json
    type: JSONSchema
  - name: Stoplight Elements JSON-LD Context
    description: 'null'
    url: json-ld/elements-context.jsonld
    type: JSON-LD