explaingit

redocly/redoc

📈 Trending25,697TypeScriptAudience · developerComplexity · 2/5ActiveLicenseSetup · easy

TLDR

Turns OpenAPI definition files into beautiful, interactive API reference websites automatically. No manual documentation writing needed.

Mindmap

mindmap
  root((repo))
    What it does
      Generates API docs
      Reads OpenAPI files
      Three-panel layout
    How to use
      CLI command
      Script tag embed
      React component
    Tech stack
      TypeScript
      React
      OpenAPI support
    Use cases
      Public API docs
      Internal references
      Auto-sync with API
    Audience
      Backend developers
      API maintainers

Things people build with this

USE CASE 1

Generate a static HTML API reference site from your OpenAPI definition file with a single command.

USE CASE 2

Embed interactive API documentation directly into your existing website using a script tag.

USE CASE 3

Keep API docs automatically in sync with your OpenAPI spec without manual updates.

USE CASE 4

Display request and response examples alongside endpoint descriptions for developers integrating with your API.

Tech stack

TypeScriptReactOpenAPI 3.1Swagger 2.0npmCDN

Getting it running

Difficulty · easy Time to first run · 5min
Use freely for any purpose, including commercial use, as long as you keep the copyright notice and license text.

In plain English

Redoc is an open-source tool that turns an OpenAPI (also known as Swagger) definition file into a polished, interactive API reference website. An OpenAPI definition is a structured file (YAML or JSON) that describes what endpoints an API has, what data each endpoint accepts, and what it returns. Redoc reads that file and produces a clean, three-panel documentation page: a navigation menu on the left, the main documentation in the center, and request and response examples on the right. It solves the tedious problem of manually writing and maintaining API documentation. Instead of updating a separate website every time the API changes, developers maintain one source-of-truth definition file, and Redoc automatically generates the docs from it. You can use Redoc in several ways: run a single command in the terminal using npx to produce a static HTML file, drop a script tag into an existing web page, or embed it as a React component in a JavaScript application. It supports OpenAPI versions 3.1, 3.0, and Swagger 2.0. Organizations like Docker and Discourse use it for their public API documentation. Built in TypeScript, it is available as an npm package and can be served from a CDN with no build step required.

Copy-paste prompts

Prompt 1
How do I use Redoc to generate API documentation from my OpenAPI 3.0 spec file?
Prompt 2
Show me how to embed Redoc as a React component in my Next.js application.
Prompt 3
What's the simplest way to create a standalone HTML API reference page using Redoc from the command line?
Prompt 4
How do I customize the three-panel layout and styling of my Redoc API documentation?
Prompt 5
Can I use Redoc to document a Swagger 2.0 API, and what are the limitations?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.