Scalar
Scalar is an open-source API platform: 🌐 Modern REST API Client 📖 Beautiful API References ✨ 1st-Class OpenAPI/Swagger Support
Install / Use
/learn @scalar/ScalarREADME
Interactive API Reference from OpenAPI/Swagger
└ Renders OpenAPI/Swagger documents<br> └ Comes with an API testing tool<br> └ Doesn't look like 2011<br> └ Generates code examples for many languages & frameworks<br> └ Integrates with your favorite framework<br> └ <a href="https://docs.scalar.com/swagger-editor">Try Demo</a>
<!-- minimal line break--> <p> <img width="1200" height="1" src="https://github.com/user-attachments/assets/7d7e7ba7-2b02-49f3-abcd-b24c566a3c16#gh-light-mode-only"> <img width="1200" height="1" src="https://github.com/user-attachments/assets/341bfb1d-5cb0-4ec6-89eb-4b1dcc07eeb7#gh-dark-mode-only"> </p> <!-- end minimal line break--> <p> <img width="830" height="auto" src="https://github.com/user-attachments/assets/d9f90c51-82d4-4948-9365-658ccc7d78c4#gh-light-mode-only"> <img width="830" height="auto" src="https://github.com/user-attachments/assets/e7c2023e-dfbc-428c-bc85-c06d8a6e4b67#gh-dark-mode-only"> </p>An offline-first API Client built for OpenAPI
└ Free and open-source<br> └ First-class OpenAPI/Swagger support<br> └ Integrates with dozens of API Frameworks (Elysia, Hono, FastAPI, etc)<br> └ Syncs with your favorite server framework (Watch Mode)<br> └ Has environment variables, dynamic parameters and everything<br> └ <a href="https://client.scalar.com/">Try It in the Browser</a> └ <a href="https://scalar.com/download">Download (Windows, MacOS, Linux)</a><br>
<!-- minimal line break--> <p> <img width="1200" height="1" src="https://github.com/user-attachments/assets/7d7e7ba7-2b02-49f3-abcd-b24c566a3c16#gh-light-mode-only"> <img width="1200" height="1" src="https://github.com/user-attachments/assets/341bfb1d-5cb0-4ec6-89eb-4b1dcc07eeb7#gh-dark-mode-only"> </p> <!-- end minimal line break-->Trusted by:
<br> <p> <picture> <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/73dcef95-fc4f-4111-bb09-f3ce37453a81#gh-light-mode-only"> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/c792c977-8551-432c-9417-3ea05e408151#gh-dark-mode-only"> <img width="48.494%" height="330" src="https://github.com/user-attachments/assets/73dcef95-fc4f-4111-bb09-f3ce37453a81#gh-light-mode-only" alt="Scalar API client"> </picture> <picture> <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/1da6b904-34be-4760-b535-0dd2160e6d12#gh-light-mode-only"> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/54a9ea69-c50a-4f49-8c3e-ddd6f8fbe1f3#gh-dark-mode-only"> <img width="48.494%" height="330" src="https://github.com/user-attachments/assets/1da6b904-34be-4760-b535-0dd2160e6d12#gh-light-mode-only" alt="Scalar API client"> </picture> </p>Quickstart
All you need is a single HTML file to create an amazing API reference:
<!doctype html>
<html>
<head>
<title>Scalar API Reference</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1" />
</head>
<body>
<div id="app"></div>
<!-- Load the Script -->
<script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"></script>
<!-- Initialize the Scalar API Reference -->
<script>
Scalar.createApiReference('#app', {
// The URL of the OpenAPI/Swagger document
url: 'https://registry.scalar.com/@scalar/apis/galaxy?format=json',
// Avoid CORS issues
proxyUrl: 'https://proxy.scalar.com',
})
</script>
</body>
</html>
Need a Custom Header? Check out this example: https://codepen.io/scalarorg/pen/VwOXqam
And there's an ever-growing list of plugins and integrations:
Integrations
- HTML/JS API (works everywhere)
- .NET ASP.NET Core
- .NET Aspire
- AdonisJS
- Astro
- Django Ninja
- Django
- Docker
- Docusaurus
- Elixir
- Express
- FastAPI
- Fastify
- Flask
- Go
- Hapi
- Hono
- Laravel Scribe
- Laravel
- Micronaut
- NestJS
- Next.js
- Nuxt
- Python
- React
- Ruby on Rails
- Rust
- Spring Boot
- SvelteKit
- Ts.ED
- Vue.js
Built-in Support
The following frameworks have chosen Scalar API Reference as their default OpenAPI documentation UI, recognizing its developer-friendly features and modern design:
<br>Managed Hosting
We're offering a free and paid managed hosting on the edge, too:
- Write your API documentation and publish API references (free)
YOUR_NAME_HERE.apidocumentation.comsubdomain and SSL (free)- GitHub Sync
- Write free-form documentation
- Collaborate with your team
- Use any domain
Ready? Create your Scalar Account
<br>Documentation
| Topic | Description | | ------------------------------------------------------------------------- | ------------------------------------ | | Configuration | The universal configuration object | | Themes | Predefined themes, layouts & styling | | OpenAPI | OpenAPI specification extensions | | Markdown
