Back to blog
|13 min read|Docsio

Redoc Review: What It Is, Pricing, and When to Use It

redocredoclyopenapiapi-documentation
Redoc Review: What It Is, Pricing, and When to Use It

Redoc is the open-source tool you reach for when you have an OpenAPI file and want a clean three-panel API reference page rendered from it. It is not a full documentation framework. It is not a docs platform. It renders one OpenAPI definition into one beautiful HTML page, and it does that one job better than almost anything else. This review covers what Redoc actually is, what it ships with, where it falls short, the difference between Redoc, Redocly CLI, and Redocly Reference, and when a different tool is the right pick. If you came here from a search comparing it with other OpenAPI documentation options, the short answer is at the top.

The product has been around since 2016, started life inside APIs.guru, was adopted by Redocly, and now lives at github.com/Redocly/redoc with 25.7k GitHub stars, 2.4k forks, and 13.5k repositories listing it as a dependency (GitHub, 2025). It is one of the most widely deployed open-source API doc renderers in the world, alongside Swagger UI.

What is Redoc?

Redoc is an open-source React component that takes an OpenAPI 3.x or Swagger 2.0 definition and renders it as a responsive three-panel API reference page. The left panel holds the navigation menu and search. The middle panel shows endpoint and schema documentation. The right panel shows request and response samples in your chosen language.

You feed it a YAML or JSON file. It produces a single HTML output. That output can be a self-contained file from the CLI, an embedded React component in an existing app, or a <redoc> HTML tag with a CDN script. The format choice changes how you deploy it, but the rendered page looks the same.

Redoc is licensed under MIT and supports OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0. It does not require a backend. It does not need a build step if you use the CDN script. The latest release at the time of writing is v2.5.1, shipped September 2025.

What does Redoc actually do?

The job Redoc does well is rendering a single API definition into a polished reference page. The features that matter in practice:

  • Three-panel responsive layout with menu and scroll synchronization, so clicking a method in the sidebar scrolls the middle panel and updates the URL hash.
  • Nested schema rendering that handles discriminator, oneOf, anyOf, and deep object trees without collapsing them into an unreadable wall.
  • Generated request and response samples built from the JSON schema using Redocly's openapi-sampler, with a copy button per sample.
  • Custom code samples in any language via the x-codeSamples vendor extension.
  • Side-menu grouping with the x-tagGroups extension for APIs that span more than one logical surface.
  • Brand logo support via x-logo so your API reference shows your mark instead of a generic banner.
  • Search across operations, parameters, and schemas in the left panel.

The rendering is fast even for large specs. The Stripe-sized OpenAPI files most teams hit Redoc with render in under a second after the bundle loads. The output is accessible enough to pass most automated audits without extra work.

What Redoc does NOT do is also part of the review. It does not host a guides section, a tutorials section, a changelog, or a blog. It does not handle multi-doc navigation. It does not provide a CMS or a writing surface. It renders one OpenAPI file into one reference page. Anything beyond that you build yourself or you add a separate tool around it.

Redoc, Redocly CLI, and Redocly Reference: the three product variants

This is where most teams get confused, so it deserves its own section.

ProductWhat it isCostWhen to pick
Redoc (OSS)The open-source React renderer at Redocly/redoc. Outputs HTML.Free, MITSelf-hosted single API reference page
Redocly CLIA separate open-source CLI at Redocly/redocly-cli that lints, bundles, joins, and builds Redoc docsFree, MITOpenAPI workflow tasks: lint, bundle, build static reference
Redocly ReferenceThe commercial SaaS product. Hosted, with a Try-It console, automated code samples, theming, multi-doc, and paginationPaid, contact for pricingTeams who want hosted API reference plus the extras Redoc OSS does not include

The distinction matters because every "Redoc" search result eventually leads to one of these three pages and the features are not interchangeable. The OSS Redoc is the renderer. Redocly CLI is the tooling around OpenAPI files including the build step that produces a static Redoc HTML file. Redocly Reference (the commercial product) is what you get if you want all of it hosted with the extras.

The earlier redoc-cli package is deprecated. Today the supported way to build static docs from the command line is the unified Redocly CLI: npx @redocly/cli build-docs openapi.yaml. That command outputs a redoc-static.html file you can host anywhere.

How to use Redoc in three minutes

The fastest path to a rendered API reference is the HTML tag method. Drop this into a file and open it in a browser:

<!DOCTYPE html>
<html>
  <head>
    <title>API Reference</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <redoc spec-url="https://petstore.swagger.io/v2/swagger.json"></redoc>
    <script src="https://cdn.redoc.ly/redoc/latest/bundles/redoc.standalone.js"></script>
  </body>
</html>

Replace the spec-url with a URL or a relative path to your own OpenAPI file. That is the entire integration. For the CLI route to a self-contained HTML file:

npx @redocly/cli build-docs openapi.yaml

For the React route, install the package and import the component:

npm install redoc
import { RedocStandalone } from 'redoc';

export default function ApiDocs() {
  return <RedocStandalone specUrl="/openapi.yaml" />;
}

All three approaches produce the same rendered output. The choice is about how you want to deploy. If you have an existing site, the React component or the HTML tag is the path of least resistance. If you want a single static file you can drop on any host, the CLI is the right call.

Theming and configuration

Redoc theming is configured through a theme object passed at render time or via the redocly.yaml file when you build with Redocly CLI. The theme supports color tokens, typography, spacing, and a handful of layout options.

Where Redoc is generous: brand colors, fonts, sidebar width, hide the download button, hide the loading animation, customize the schema rendering. Where it is tight: there is no slot system, no swap-component-X-for-component-Y mechanism, no MDX, no way to inject a custom React component into the rendered hierarchy without forking. If you want a substantially different look, you patch the CSS or you fork.

That trade-off is the right one for the tool's scope. Redoc is a renderer, not a framework. Tools like Docusaurus or Mintlify give you full theming because they own the entire site. Redoc owns one page.

Where Redoc fits in the OpenAPI ecosystem

Redoc is one piece of a tooling stack, not the whole thing. The typical OpenAPI workflow looks like:

  1. Author the spec, by hand or generated from your code (FastAPI, NestJS, or one of the OpenAPI generator options that turn schemas and decorators into a definition).
  2. Lint and bundle the spec with Redocly CLI, Spectral, or similar.
  3. Render it for humans with Redoc, Swagger UI, Stoplight Elements, or a hosted product.
  4. Generate client SDKs with OpenAPI Generator or Speakeasy.
  5. Wrap the reference in a docs site that adds guides, quickstarts, changelogs, and tutorials.

Redoc owns step 3. It does step 3 well. Treating it as the answer to all five steps is where the disappointment comes from. A team that picks Redoc and then realizes it has no place to put a getting-started guide is not seeing a Redoc problem. They are looking at a scope problem. If the question is "how do we publish REST API documentation including guides," Redoc is part of the answer, not all of it.

For teams whose APIs are event-driven rather than request-response, Redoc is the wrong tool entirely. That world uses AsyncAPI and renderers like AsyncAPI React or AsyncAPI Generator instead.

Redoc vs Swagger UI

This is the comparison most teams actually want, because Swagger UI is the default and Redoc is the most-cited alternative.

DimensionRedocSwagger UI
LayoutThree-panel, doc-styleSingle-column, console-style
Try-It consoleOSS: no. Redocly Reference: yesYes, built in
Code samplesGenerated, plus custom via x-codeSamplesGenerated only
Schema renderingNested, expandable, handles discriminatorSimpler, can collapse complex schemas
Deep linkingYes, URL hash per operationYes
CustomizationTheme object, CSS overridesTheme variables, plugins
Best forPublic API reference docsInternal exploration, "try it now"

Pick Redoc when the goal is a polished public-facing reference that reads like documentation. Pick Swagger UI when the goal is a sandbox where developers click through requests live. Many teams ship both: Redoc for the doc page, Swagger UI on a separate route for interactive testing.

If you want the try-it console alongside the Redoc layout, that is the Redocly Reference upgrade or a custom integration with a tool like Stoplight Elements.

When Redoc is the right pick

Redoc is the right pick when:

  • You already have a website or docs hub and you need to add an API reference page to it
  • The single-page format works for your API surface (one consolidated reference rather than per-resource pages)
  • You want the rendered output to look polished without writing CSS from scratch
  • You are willing to handle guides, tutorials, and changelogs separately
  • You want an open-source, MIT-licensed dependency you control

Tons of high-traffic APIs ship on Redoc: Docker Engine, Zuora, Discourse, Rebilly, and APIs.guru, among others. The pattern in those teams is that Redoc handles the API reference and the surrounding site (guides, blog, marketing) is built with whatever they already use.

For SaaS founders and small teams who want a complete docs site, including guides and tutorials and an API reference section together, generated from their existing site without writing every page from scratch, Docsio is a different shape of answer. Redoc renders a spec into a page. Docsio generates an entire branded documentation site, with guides and a homepage and the OpenAPI reference, from your URL in a few minutes. Different tool, different scope. If your job is "render this OpenAPI file into a beautiful page," Redoc is excellent. If your job is "ship a complete docs site by Friday," look at the broader API documentation tool category.

Real limitations of Redoc

An honest review names the limits.

Single OpenAPI file. Redoc renders one definition. Multi-doc navigation across several APIs requires Redocly Reference (paid) or your own wrapping site.

No try-it console in the OSS version. That is one of the headline features of Redocly Reference. If your readers expect to fire requests from the docs page, OSS Redoc alone is not enough.

Customization stops at the theme. No MDX. No component slots. Major redesigns mean forking or rebuilding the layout in your own React tree.

Bundle size. The standalone bundle is in the megabyte range gzipped. For a marketing-page rendering of a small API, that can feel heavy.

No content authoring. Redoc is a viewer. The OpenAPI file is your source. If you want to write narrative docs, you need MDX or another framework alongside it.

Limited search. The built-in search hits operations, parameters, and schemas. It is fine for a reference but it is not a full-text search across guides because there are no guides.

None of these are dealbreakers. They are the trade-offs of a focused renderer. They become problems only when the wrong job is sent to the tool.

Pricing

Redoc itself is free and MIT-licensed. You can deploy it on a static host for the cost of the host, which is often zero.

Redocly CLI is also free and MIT-licensed.

Redocly Reference, the commercial product, is priced by team size and feature set. Pricing is not published on the website, so it is contact-sales. Public reference points from past customer reports put it in the high four-figure to low five-figure annual range, but verify with Redocly directly. The commercial product is what you pay for if you want the try-it console, hosting, automated code samples, multi-doc, and additional theming on top of the OSS renderer.

For teams comparing total cost: a self-hosted Redoc page costs roughly nothing in licensing and a few hours of engineering. A Redocly Reference deployment costs more than ReadMe or Mintlify at the equivalent tier in most cases, in exchange for the depth Redocly puts into the OpenAPI tooling specifically. If your value driver is "the API reference is the product," that math works. If you also need a guides section, a changelog, and tutorials, an all-in-one docs platform usually wins on price.

Frequently asked questions

Is Redoc free? Yes. Redoc OSS is MIT-licensed and free for any use including commercial. Redocly Reference, the hosted commercial product with extras like the try-it console, is paid and priced through Redocly sales.

What is the difference between Redoc and Swagger UI? Redoc renders OpenAPI as a three-panel reference doc, Swagger UI renders it as a single-column interactive console with a try-it sandbox. Redoc is better for public reference pages, Swagger UI is better for live exploration. Many teams ship both on different routes.

Does Redoc support OpenAPI 3.1? Yes. Redoc supports OpenAPI 3.1, OpenAPI 3.0, and the older Swagger 2.0 format. The 3.1 support includes the JSON Schema 2020-12 alignment that 3.1 brought in. If you are unsure which spec version you have, the OpenAPI specification example post walks through the formats.

Can Redoc generate a static HTML file? Yes. Run npx @redocly/cli build-docs openapi.yaml and it produces a self-contained redoc-static.html you can host on any static host. The earlier redoc-cli package is deprecated, the unified Redocly CLI is the supported path.

Is Redoc the same as Swagger? No. Swagger is the original specification name, now renamed OpenAPI. Redoc is one of several tools that render an OpenAPI or Swagger definition. The naming history is covered in Swagger vs OpenAPI.

The verdict

Redoc is one of the best free tools in the OpenAPI ecosystem at what it does, which is render a single API definition into a polished three-panel reference page. The 25.7k GitHub stars and 13.5k dependent repositories are earned. The trade-off is the narrow scope: it is a renderer, not a docs platform. Pair it with a real site if you need guides, tutorials, or a knowledge base. Run it standalone if you just need the reference page.

For teams whose docs are mostly an API reference and who already have a marketing site, Redoc plus Redocly CLI is hard to beat at zero licensing cost. For teams who want the whole documentation site, including guides and a homepage and the API reference together, generated from their existing brand, look at a complete docs solution instead.

Ready to ship your docs?

Generate a complete documentation site from your URL in under 5 minutes.

Get Started Free