Stoplight Elements website screenshot

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.

Stoplight Elements publishes 2 APIs on the APIs.io network: Configuration API and Integration API. Tagged areas include API Documentation, Developer Tools, Documentation, Interactive Docs, and OpenAPI.

The Stoplight Elements catalog on APIs.io includes 1 JSON-LD context and 1 Spectral governance ruleset.

Stoplight Elements’ developer surface includes documentation, GitHub presence, getting-started guide, changelog, and 12 more developer resources.

🌐 Visit website 📡 Source on GitHub
48.4/100 developing ▬ flat Agent 22/100 agent aware Full breakdown ↓
scored 2026-07-28 · rubric v0.6
AccessFreemium
2 APIs
API DocumentationDeveloper ToolsDocumentationInteractive DocsOpenAPIReactWeb Components

Kin Score

Kin Score Kin Score How this is scored →
scored 2026-07-28 · rubric v0.6
Composite quality — 48.4/100 · developing
Contract Quality 15.5 / 25
Developer Ergonomics 5.2 / 20
Commercial Clarity 7.9 / 20
Operational Transparency 6.8 / 13
Governance 7.0 / 12
Discoverability 5.9 / 10
Agent readiness — 22/100 · agent aware
Machine-Readable Contract 18 / 18
Agentic Access Contract 10 / 10
MCP Server 0 / 12
Machine-Readable Auth 0 / 10
Idempotency 0 / 9
Stable Error Semantics 0 / 8
Request/Response Examples 0 / 7
Rate-Limit Signaling 7 / 7
Typed Event Surface 0 / 6
Agent Skills 0 / 5
Well-Known Catalog 0 / 4
Consent & Bot Identity 0 / 3
A2A Agent Card 0 / 8
Dry-Run / Simulate Mode 0 / 4
Improve this rating by publishing the missing artifacts — every area above can be raised, and the full rubric is at apis.io/rating/. This rating is computed from github.com/api-evangelist/elements: open an issue to ask a question, or submit a pull request to add artifacts. Want it done for you? Prioritized profiling — $2,500 →

APIs 2

Individual APIs this provider publishes, each with its own machine-readable definition.

Stoplight Elements Configuration API

Configuration props and attributes for the Stoplight Elements API component controlling layout, visibility, Try It behavior, routing, and OpenAPI specification loading.

Stoplight Elements Integration API

Integration and embedding guides for using Elements in React, Angular, and plain HTML via Web Components or CDN.

Open Collections 1

Open, tool-agnostic API collections (OpenAPI-derived and Bruno).

Stoplight Elements API

OPEN COLLECTION

Pricing Plans 1

Published pricing tiers and plan structures.

Elements Plans Pricing

3 plans

PLANS

Rate Limits 1

Documented rate limits and quota policies.

Elements Rate Limits

5 limits

RATE LIMITS

FinOps 1

Cost, billing, and metering signals for API financial operations.

Elements Finops

FINOPS

Semantic Vocabularies 1

JSON-LD contexts and semantic vocabularies used across these APIs.

Elements Context

0 classes · 7 properties

JSON-LD

Spectral Rules 1

Spectral governance rulesets for linting and validating these APIs.

Stoplight Elements API Rules

5 rules · 3 warnings 2 info

SPECTRAL

JSON Schema 1

Standalone JSON Schema definitions for this provider's data models.

Stoplight Elements Configuration

20 properties

JSON SCHEMA

Security Posture 1

Authentication, domain security, vulnerability disclosure, and trust-center signals.

Elements Domain Security

TLSv1.3 · DMARC

SECURITY

Agentic Access 1

Recommended x-agentic-access execution contracts for AI agents.

Elements Agentic Access

6 operations

6 operations · 0 acting

AGENTIC

Resources

Get Started 3

Portal, sign-up, and the first successful call

GettingStarted
GettingStarted
 GettingStarted
GettingStarted
 GettingStarted
GettingStarted

Documentation 3

Reference material describing how the API behaves

Documentation
Documentation
 Reference
Reference
 JSONSchema
JSONSchema

Agent Surfaces 1

MCP servers, agent skills, and machine-readable catalogs

AgenticAccess
AgenticAccess

Design & Contract 1

Pagination, idempotency, versioning, errors, and events

JSONLD
JSONLD

Build 2

SDKs, sample code, and the tooling you integrate with

GitHub
GitHub
 npm
npm

Access & Security 1

Authentication, authorization, and security posture

DomainSecurity
DomainSecurity

Operate 1

Status, limits, changes, and where to get help

ChangeLog
ChangeLog

Commercial 1

Pricing, plans, and the legal terms of use

License
License

Company 2

The organization behind the API

LinkedIn
LinkedIn
 Website
Website

Other 1

Properties that don't map to a standard resource type

CDN
CDN

Source (apis.yml)

apis.yml Raw ↑ 
aid: elements
url: https://raw.githubusercontent.com/api-evangelist/elements/refs/heads/main/apis.yml
apis:
- aid: elements:elements-configuration-api
  name: Stoplight Elements Configuration API
  description: Configuration props and attributes for the Stoplight Elements API component controlling layout, visibility,
    Try It behavior, routing, and OpenAPI specification loading.
  humanURL: https://stoplight.io/open-source/elements
  tags:
  - Configuration
  properties:
  - type: OpenAPI
    url: openapi/elements-configuration-api-openapi.yml
  - type: Website
    url: https://stoplight.io/open-source/elements
  - type: Documentation
    url: https://docs.stoplight.io/docs/elements
  - type: GitHub
    url: https://github.com/stoplightio/elements
  - type: JSONSchema
    url: json-schema/elements-configuration-schema.json
- aid: elements:elements-integration-api
  name: Stoplight Elements Integration API
  description: Integration and embedding guides for using Elements in React, Angular, and plain HTML via Web Components or
    CDN.
  humanURL: https://stoplight.io/open-source/elements
  tags:
  - Integration
  properties:
  - type: OpenAPI
    url: openapi/elements-integration-api-openapi.yml
  - type: Website
    url: https://stoplight.io/open-source/elements
  - type: Documentation
    url: https://docs.stoplight.io/docs/elements
  - type: GitHub
    url: https://github.com/stoplightio/elements
  - type: JSONSchema
    url: json-schema/elements-configuration-schema.json
name: Stoplight Elements
tags:
- API Documentation
- Developer Tools
- Documentation
- Interactive Docs
- OpenAPI
- React
- Web Components
type: Index
accessModel:
  pricing: freemium
  onboarding: unknown
  trial: false
  try_now: false
  public: false
  label: Freemium
  confidence: medium
  source:
  - plans
  generated: '2026-07-22'
  method: derived
image: https://kinlane-images.s3.amazonaws.com/shared/apis-json/icons/elements.png
access: 3rd-Party
created: '2026-03-18'
modified: '2026-05-19'
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.
integrations:
- name: Azure
- name: GitHub
- name: GitLab
- name: Bitbucket
- name: Single sign-on
maintainers:
- FN: Kin Lane
  email: kin@apievangelist.com
specificationVersion: '0.19'
common:
- type: AgenticAccess
  url: agentic-access/elements-agentic-access.yml
- type: DomainSecurity
  url: security/elements-domain-security.yml
- type: LinkedIn
  url: https://www.linkedin.com/company/stoplight
- 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: JSONLD
- type: Integrations
  url: https://stoplight.io/integrations