API Tools
Sc

Scalar

TypeScriptOpen SourceAPI ReferenceOpenAPI

Beautiful OpenAPI-based API reference documentation with a built-in API client — drop in a script tag or npm package to render stunning API docs.

License

MIT

Language

TypeScript

76
Trust
Good

Why Scalar?

Rendering OpenAPI/Swagger specs as beautiful, interactive documentation

Adding a Try It button to existing API docs without Postman's overhead

Replacing Swagger UI with a modern, themeable alternative

Signal Breakdown

What drives the Trust Score

npm downloads
100k / wk
Commits (90d)
300 commits
GitHub stars
9k ★
Stack Overflow
30 q's
Community
Growing
Weighted Trust Score76 / 100

Download Trend

Last 12 months

Tradeoffs & Caveats

Know before you commit

Teams needing full test collections and CI automation — use Postman or Bruno

Non-OpenAPI APIs without a spec file to render

Pricing

Free tier & paid plans

Free tier

Open source, free to use

Paid

Free & open-source

Alternative Tools

Other options worth considering

postman
Postman88Strong

The world's most popular API platform — test, document, and collaborate on APIs with a desktop GUI, automated test collections, and mock servers.

hoppscotch
Hoppscotch79Good

Lightweight open-source API development platform — browser-based REST, GraphQL, and WebSocket client with team collaboration and self-host option.

Often Used Together

Complementary tools that pair well with Scalar

hono

Hono

Backend Frameworks

84Strong
View
fastify

Fastify

Backend Frameworks

83Strong
View

Learning Resources

Docs, videos, tutorials, and courses

Get Started

Repository and installation options

View on GitHub

github.com/scalar/scalar

npmnpm install @scalar/api-reference

Quick Start

Copy and adapt to get going fast

import { apiReference } from '@scalar/api-reference';

// In a Next.js API route or Express server:
app.get('/docs', (req, res) => {
  res.send(`
    <!DOCTYPE html><html><head>
      <title>API Reference</title>
    </head><body>
      <script id="api-reference" data-url="/openapi.json"></script>
      <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"></script>
    </body></html>
  `);
});

Community Notes

Real experiences from developers who've used this tool