OpenAPI 3.1 & 3.0 Web Component

API Documentation
Developers & Product Teams
Agree On.

Build breathtaking, high-performance interactive API references without framework lock-in. Powered by native Web Components, featuring an integrated API console, and self-hosted corporate security.

Explore Live Demos Quick Start in 60s

$npm install rapidoc

RapiDoc Dark Theme - Interactive API Documentation and Console

For Developers

✓

True Web Component: Zero framework lock-in. Works effortlessly in React, Vue, Angular, Svelte, or plain HTML.

✓

Curated MCP Server Generator: Export hardened Model Context Protocol servers in 6 languages (TypeScript, Python, Go, C#, Rust, Java) with path-injection immunity, composite workflows, and parameter pruning.

✓

Integrated API Console: Test real endpoints directly with negative testing enabled — send custom headers & malformed payloads to test edge cases.

✓

Container Ready: Tiny ~645 KB bundle (169 KB gzipped) with zero SSR/Node overhead. Bundles directly into Browser and micro-containers with Go/Rust/Java/Python servers.

✓

Built In Mock Server: Prototype client frontends, simulate multi-status responses, and test network latency before backend APIs exist.

For Product Managers

✓

Agent-Ready with Token Budget Controls: Future-proof your APIs for AI assistants (Claude, Cursor). Real-time token diagnostics slash prompt overhead by ~80% while shielding internal enterprise routes.

✓

Self-Hosted Corporate Data Security: Operates 100% in-browser with zero telemetry or outbound cloud leaks. Ideal for strict compliance and air-gapped VPCs.

✓

100% Brand Consistency: White-label fonts, header colors, logos, and light/dark modes with simple HTML attributes. No code forks required.

✓

3 Layout Modes for Every Reader: Deliver wiki-style references (Read Mode), fast technical exploration (View Mode), or focused endpoint catalogs.

✓

Zero SaaS Tax (100% MIT): No per-seat pricing, no paywalled interactive consoles, and no vendor lock-in.

Framework Lock-in

W3C Web Component: React, Vue, Svelte, or pure HTML

~169 KB

Ultra-Light Bundle

Gzipped single bundle (645 KB minified). Zero VDOM diffing overhead

100%

Private & Self-Hosted

Zero telemetry. Air-gapped and container ready

Layout Paradigms

View, Read, and Focused modes for all audiences

Visual Polish

Dark & Light Modes Done Right

RapiDoc provides pixel-perfect high-contrast dark and light themes out of the box, engineered for crystal-clear readability, WCAG AA compliance, and effortless enterprise brand pairing.

High-Contrast Dark Demo High-Contrast Light Demo

Uncompromising Engineering

Why Teams Choose RapiDoc Over Alternatives

Designed from the ground up for developer productivity, enterprise privacy, and product design flexibility.

Framework Agnostic

Native W3C Web Component Standard

Free of proprietary wrapper lock-in, complicated build steps, or framework runtime baggage. Drop a single <rapi-doc> custom element into React, Vue, Angular, Next.js, Nuxt, Astro, or plain vanilla HTML. Change attributes with JavaScript and it responds instantly.

No React Hydration OverheadZero Build StepUniversal Interoperability

Real DX

Built-in Console with Negative Testing

Execute API calls directly in the docs. Unlike rigid renderers that block invalid inputs, RapiDoc lets you test negative edge cases, corrupt payloads, and custom headers.

Zero Setup

In-Browser Mock Server

Frontend teams can prototype before the backend is built. Seamlessly intercepts in-page fetch() calls and generates realistic mock responses from OpenAPI examples or schemas with multi-status and latency simulation.

Explore Mock Server

Agent Ready

Curated MCP Server Generator

Convert OpenAPI specs directly into Model Context Protocol servers in 6 languages. Slashes prompt context overhead by ~80% and collapses multi-hop REST roundtrips into atomic agent tools.

Explore MCP Architecture

Microservices & Edge

Embedded in Micro-Servers & Containers

With its tiny bundle size and zero server-side rendering dependencies, RapiDoc is ideal for embedding into lightweight Docker containers, Go / Rust / Java backends, and IoT edge devices.

Ergonomics

Tree & Tabular Schema Folding

Choose between Tree and Table representation for deep schemas. All models and examples are auto-expanded by default, completely eliminating tedious 20-click accordions.

Enterprise Ready

100% Self-Hosted & Air-Gapped Security

Trusted by Fortune 500 corporations, defense, and fintech organizations. RapiDoc executes entirely client-side in the browser. No telemetry phoning home, no cloud vendor lock-in, and zero risk of proprietary internal API schemas leaking to third parties.

100% Offline CapableAir-Gapped VPC CompliantZero Cloud Telemetry100% MIT Open Source

Competitive Matrix

How RapiDoc Compares to Other API Renderers

See why teams switch from Redocly, Scalar, and Swagger UI to RapiDoc.

Capability	RapiDoc	Redocly (Redoc)	Scalar	Swagger UI
Component ArchitecturePortability across any framework	✓Standard Web Component React, Vue, Svelte, or plain HTML	React Component / Standalone bundle	Vue 3 Component / Wrapper	React Component / Legacy Webpack
Interactive Test ConsoleCall live endpoints directly	✓Built-In (Free) Supports negative/edge case testing	✕ Paid / Separate Add-on	✓ Built-in client	~ Basic (rigid validation)
In-Browser Mock ServerZero-setup frontend prototyping & testing	✓Built-In Mock Server Zero config, schema-driven, multi-status & latency simulation	✕ Requires Prism / External CLI	✕ No mock server	✕ No mock server
Curated MCP Server GeneratorDirect AI agent tool export (Claude, Cursor)	✓Built-In (6 Languages) TS, Python, Go, C#, Rust, Java with ~80% token savings & zero backend	✕ No MCP generation	✕ No MCP generation	✕ No MCP generation
Model & Schema FoldingInspect complex nested payloads	✓Dual Tree & Tabular Models expanded by default	Nested list only	Single column list	Accordion list (multi-click drilldown)
Distinct Layout StylesAdapt to audience needs	✓3 Modes Read (wiki), View, & Focused	1 fixed 3-column layout	1 fixed layout	1 vertical accordion layout
Embedded & Micro-ContainersLightweight binary / container integration	✓High Performance ~169 KB gzip (645 KB min), zero SSR	Heavy bundle size	Vue runtime overhead	Heavy bundle size
Data Privacy & Self-HostingAir-gapped and internal compliance	✓100% In-Browser Zero telemetry, air-gapped safe	✓ Self-hostable	Tied to hosted cloud ecosystem	✓ Self-hostable
Open Source LicenseTotal commercial freedom	✓100% MIT Forever free, unlimited APIs	Freemium / Commercial tiers	Open Core / Cloud upsell	Apache 2.0

Get Up & Running

Zero Config, Instant Integration

Choose your stack and drop RapiDoc into your application in under 60 seconds.

index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <script type="module" src="https://unpkg.com/rapidoc/dist/rapidoc-min.js"></script>
</head>
<body>
  <rapi-doc
    spec-url="https://petstore.swagger.io/v2/swagger.json"
    render-style="read"
    theme="dark"
    show-header="false"
  > </rapi-doc>
</body>
</html>

ApiDocs.tsx

import React from 'react';
import 'rapidoc';

export function ApiReference() {
  return (
    <rapi-doc
      spec-url="https://petstore.swagger.io/v2/swagger.json"
      render-style="view"
      theme="dark"
      style={{ height: '100vh', width: '100%' }}
    />
  );
}

ApiDocs.vue

<template>
  <rapi-doc
    spec-url="https://petstore.swagger.io/v2/swagger.json"
    render-style="focused"
    theme="dark"
    style="height: 100vh; width: 100%"
  />
</template>

<script setup>
import 'rapidoc';
</script>

Dockerfile

FROM nginx:alpine
# Copy rapidoc bundle and your OpenAPI spec into a zero-dependency container
COPY dist/rapidoc-min.js /usr/share/nginx/html/
COPY openapi.yaml /usr/share/nginx/html/
COPY index.html /usr/share/nginx/html/
EXPOSE 80
# Blazing fast, self-contained, <25MB total image size

API Documentation Developers & Product TeamsAgree On.