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
28.9/100 thin ▬ flat Agent 20/100 agent aware Full breakdown ↓
scored 2026-09-08 · rubric v0.20.0
AccessFreemium
1 APIs
API DocumentationDeveloper ToolsDocumentationInteractive DocsOpenAPIReactWeb Components

Kin Score

Kin Score Kin Score How this is scored →
scored 2026-09-08 · rubric v0.20.0
Composite quality — 28.9/100 · thin
Contract Quality 14.3 / 25
Developer Ergonomics 3.8 / 20
Access Clarity 0.0 / 20
Operational Transparency 3.8 / 13
Contract Governance 1.2 / 12
Discoverability 5.9 / 10
Agent readiness — 20/100 · agent aware
Machine-Readable Contract 18 / 18
Agentic Access Contract 10 / 10
Documented Reversibility 6 / 6
MCP Server 0 / 12
Machine-Readable Auth 0 / 10
Idempotency 9 / 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 4 / 4
Delegated User Identity 0 / 6
Protected Resource Metadata 0 / 5
Registration Without a Human 0 / 6
Agentic Commerce Well-Known Document 0 / 5
Create-or-Update Ergonomics does not apply to this provider. The published contracts declare no write operations, and a read-only API cannot create-or-update. The facet is excluded from this provider's denominator entirely — not scored zero. A reference or data API is not deficient for being unable to upsert.
Improve this rating by publishing the missing artifacts — every area above can be raised, and the full rubric is at apis.io/rating/. Every facet and dimension name above is a link: it opens that measurement's own page — what it means, the exact checks that feed it, how the whole catalog distributes on it, and the providers at the top of it. 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. Submit an artifact on GitHub — free → Manage your own listing — the Influence plan, $499/mo →

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 4

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

API Collection

OPEN COLLECTION

Stoplight Elements Configuration API

OPEN COLLECTION

Stoplight Elements API

OPEN COLLECTION

Stoplight Elements Configuration Integration 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
deliveryModel:
  model: unknown
  license: Stoplight Elements License (Apache 2.0)
  open_source: false
  commercial: false
  callable_host: true
  label: Delivery model not determined — needs a product licence on record
  confidence: low
  source:
  - license
  - openapi
  generated: '2026-08-28'
  method: derived
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: Consuming
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.23'
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

Work with this as data

Every provider here is available over the APIs.io API and to AI agents over MCP.

MCP server

One button, every client — Claude, Cursor, VS Code and the rest.

https://apis.io/mcp

Tools for providers

9 MCP tools reach this
  • find_providersBrowse and filter every provider in the catalog.
  • get_provider_artifactsEvery artifact this provider publishes, grouped by type.
  • get_provider_operationsEvery operation across all of their OpenAPIs — one call instead of parsing every spec.
  • get_provider_toolsEvery MCP tool they ship, with the operation each wraps.
  • get_provider_evidenceHow each part of their score was established. Free — the basis for a claim should not sit behind it.
  • get_provider_ratingPRO — composite, band, trend and facet scores.
  • apis_io_searchSTART HERE — APIs, providers and tags for one query, each with its total.
  • resolveTurn a domain, URL or GitHub org into the provider it belongs to.
  • find_cohortsEvery scored population of providers in the catalog.
All 92 tools →

Call it yourself

curl for this page
This provider 
curl "https://apis.io/api/v1/providers/elements"
All providers 
curl "https://apis.io/api/v1/providers?limit=25"
Every operation they expose 
curl "https://apis.io/api/v1/providers/elements/operations?limit=25"
How their score was established 
curl "https://apis.io/api/v1/providers/elements/evidence"

Discovery needs no key. Ratings and market analysis are Pro.

Get an API key

Free tier, no form to fill in. Signing in shares your email address with us — we store it to create your key and to recognise you if you sign in with another provider. See our Privacy Policy and Terms.

GitHub Google LinkedIn

A second provider on the same verified email joins the account you already have.