Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/peterfritz/swaggerviewer

Host Swagger/OpenAPI specifications with ease, style, and performance.
https://github.com/peterfritz/swaggerviewer

nextjs openapi swagger swagger-ui

Last synced: 3 days ago
JSON representation

Host Swagger/OpenAPI specifications with ease, style, and performance.

Awesome Lists containing this project

README

        





Sunglasses - Swagger Viewer logo


Swagger Viewer



Easily host your OpenAPI/Swagger specification with a sleek dark mode interface.







## How?

Made with [Next.js](https://nextjs.org/), [Swagger UI](https://www.npmjs.com/package/swagger-ui-react), and [Amoenus Swagger Dark Theme](https://github.com/Amoenus/SwaggerDark).
Inspired on [Swagger Viewer](https://swagger-viewer.vercel.app/) by [@haishan](https://github.com/haishanh).

## Examples

### Petstore Extended

[![Swagger Viewer](https://img.shields.io/badge/OPEN%20ON%20SWAGGER%20VIEWER-099268?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU4IiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDI1OCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMTkuMTg3IDExLjQ4MDZDMTIxLjIyMiAxMy4xMDA3IDEyNC43NDIgMTUuMDQxNiAxMjkgMTUuMDQxNkMxMzMuMjU4IDE1LjA0MTYgMTM2Ljc3NyAxMy4xMDA3IDEzOC44MTMgMTEuNDgwNkMxMzguODQ3IDExLjQ1MzggMTM4Ljg4MiAxMS40MzE2IDEzOC45MTggMTEuNDE1QzEzOC45NSAxMS4zOTkzIDEzOC45ODMgMTEuMzg4MiAxMzkuMDE2IDExLjM3OTlMMTQ2LjA3NCA1LjQzMTYyQzE1MC4yMzcgMS45MjMzIDE1NS41MDQgMCAxNjAuOTQ2IDBIMjQ3LjAzM0MyNTMuMDkgMCAyNTggNC45MTMxMyAyNTggMTAuOTc0MUMyNTggMTIuNzIyNyAyNTcuNTkxIDE0LjM3NTIgMjU2Ljg2NCAxNS44NDI5QzI1Ni40ODkgMTYuNjAwNyAyNTYuMDc4IDE3LjM1NzcgMjU1LjY2NSAxOC4xMTc0TDI1NS42NDcgMTguMTUwN0MyNTQuMTY0IDIwLjg3OCAyNTIuNjYgMjMuNjQyMyAyNTIuNjYgMjYuNjgxMVY1MS41NTM2QzI1Mi42NiA1MS43NDAzIDI1Mi42NTkgNTEuOTI2MSAyNTIuNjU4IDUyLjExMjhDMjUwLjQ1OCA3OC45MjUxIDIyOC4wMTYgMTAwIDIwMC42NTggMTAwSDE5MC4zODJDMTY1LjIzNCAxMDAgMTQ0LjI0MSA4Mi4xOTQxIDEzOS4zMDQgNTguNDkyNkMxMzguOTggNTYuMjI2NCAxMzguODEyIDUzLjkwOTQgMTM4LjgxMiA1MS41NTM2VjM3LjYxODNDMTM4LjgxMiAzMi4xOTUgMTM0LjQxOSAyNy43OTg1IDEyOSAyNy43OTg1QzEyMy41ODEgMjcuNzk4NSAxMTkuMTg4IDMyLjE5NSAxMTkuMTg4IDM3LjYxODNWNTEuNTUzNkMxMTkuMTg4IDUzLjkwOTQgMTE5LjAyIDU2LjIyNjQgMTE4LjY5NSA1OC40OTI2QzExMy43NTkgODIuMTk0MSA5Mi43NjU4IDEwMCA2Ny42MTc1IDEwMEg1Ny4zNDIxQzI5Ljk4MjkgMTAwIDcuNTQxOTQgNzguOTI1MSA1LjM0MjAxIDUyLjExMjhDNS4zNDAwNyA1MS45MjYxIDUuMzM4OTYgNTEuNzQwMyA1LjMzODk2IDUxLjU1MzZWMjYuNjgxMUM1LjMzODk2IDIzLjY0MjMgMy44MzUwNiAyMC44NzcxIDIuMzUyNjggMTguMTUwN0wyLjMzNDEyIDE4LjExNzRDMS45MjE1IDE3LjM1NzcgMS41MTA1NSAxNi42MDA3IDEuMTM1MTUgMTUuODQyOUMwLjQwODY0NCAxNC4zNzUyIDAgMTIuNzIyNyAwIDEwLjk3NDFDMCA0LjkxMzEzIDQuOTEgMCAxMC45NjY0IDBIOTcuMDUzNUMxMDIuNDk2IDAgMTA3Ljc2MiAxLjkyMzMgMTExLjkyNSA1LjQzMTYyTDExOC45ODQgMTEuMzc5OUMxMTkuMDA5IDExLjM4NjMgMTE5LjAzNSAxMS4zOTQ2IDExOS4wNTkgMTEuNDA1N0wxMTkuMDgyIDExLjQxNUMxMTkuMTE4IDExLjQzMTYgMTE5LjE1MyAxMS40NTM4IDExOS4xODcgMTEuNDgwNloiIGZpbGw9IiMwQzBDMEMiLz4KPHBhdGggZD0iTTE0Ni41MTYgMzEuNDk5MUMxNDYuNTE2IDE4LjczNzUgMTU2Ljg1MiA4LjM5Mzc0IDE2OS42MDMgOC4zOTM3NEgyMjEuNDM1QzIzNC4xODYgOC4zOTM3NCAyNDQuNTIzIDE4LjczNzUgMjQ0LjUyMyAzMS40OTkxVjQ3Ljc4MTlDMjQ0LjUyMyA3Mi4wMjc3IDIyNC44ODMgOTEuNjgyMSAyMDAuNjU3IDkxLjY4MjFIMTkwLjM4MUMxNjYuMTU1IDkxLjY4MjEgMTQ2LjUxNiA3Mi4wMjc3IDE0Ni41MTYgNDcuNzgxOVYzMS40OTkxWiIgZmlsbD0iIzA1MDUwNSIgc3Ryb2tlPSIjMDUwNTA1IiBzdHJva2Utd2lkdGg9IjAuMiIvPgo8cGF0aCBkPSJNMTMuNDc1OCAzMS40OTkxQzEzLjQ3NTggMTguNzM3NSAyMy44MTIzIDguMzkzNzQgMzYuNTYzIDguMzkzNzRIODguMzk0OUMxMDEuMTQ2IDguMzkzNzQgMTExLjQ4MiAxOC43Mzc1IDExMS40ODIgMzEuNDk5MVY0Ny43ODE5QzExMS40ODIgNzIuMDI3NyA5MS44NDMyIDkxLjY4MjEgNjcuNjE2OCA5MS42ODIxSDU3LjM0MTVDMzMuMTE1IDkxLjY4MjEgMTMuNDc1OCA3Mi4wMjc3IDEzLjQ3NTggNDcuNzgxOVYzMS40OTkxWiIgZmlsbD0iIzA1MDUwNSIgc3Ryb2tlPSIjMDUwNTA1IiBzdHJva2Utd2lkdGg9IjAuMiIvPgo8L3N2Zz4K)](https://swaggerviewer.ptr.red/spec/aHR0cHM6Ly9naXRodWIuY29tL09BSS9PcGVuQVBJLVNwZWNpZmljYXRpb24vcmF3L21haW4vZXhhbXBsZXMvdjMuMC9wZXRzdG9yZS1leHBhbmRlZC5qc29u)
[![Source](https://img.shields.io/badge/SOURCE-000000?style=for-the-badge)](https://github.com/OAI/OpenAPI-Specification/blob/main/examples/v3.0/petstore-expanded.json)

### API Pix

[![Swagger Viewer](https://img.shields.io/badge/OPEN%20ON%20SWAGGER%20VIEWER-099268?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU4IiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDI1OCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMTkuMTg3IDExLjQ4MDZDMTIxLjIyMiAxMy4xMDA3IDEyNC43NDIgMTUuMDQxNiAxMjkgMTUuMDQxNkMxMzMuMjU4IDE1LjA0MTYgMTM2Ljc3NyAxMy4xMDA3IDEzOC44MTMgMTEuNDgwNkMxMzguODQ3IDExLjQ1MzggMTM4Ljg4MiAxMS40MzE2IDEzOC45MTggMTEuNDE1QzEzOC45NSAxMS4zOTkzIDEzOC45ODMgMTEuMzg4MiAxMzkuMDE2IDExLjM3OTlMMTQ2LjA3NCA1LjQzMTYyQzE1MC4yMzcgMS45MjMzIDE1NS41MDQgMCAxNjAuOTQ2IDBIMjQ3LjAzM0MyNTMuMDkgMCAyNTggNC45MTMxMyAyNTggMTAuOTc0MUMyNTggMTIuNzIyNyAyNTcuNTkxIDE0LjM3NTIgMjU2Ljg2NCAxNS44NDI5QzI1Ni40ODkgMTYuNjAwNyAyNTYuMDc4IDE3LjM1NzcgMjU1LjY2NSAxOC4xMTc0TDI1NS42NDcgMTguMTUwN0MyNTQuMTY0IDIwLjg3OCAyNTIuNjYgMjMuNjQyMyAyNTIuNjYgMjYuNjgxMVY1MS41NTM2QzI1Mi42NiA1MS43NDAzIDI1Mi42NTkgNTEuOTI2MSAyNTIuNjU4IDUyLjExMjhDMjUwLjQ1OCA3OC45MjUxIDIyOC4wMTYgMTAwIDIwMC42NTggMTAwSDE5MC4zODJDMTY1LjIzNCAxMDAgMTQ0LjI0MSA4Mi4xOTQxIDEzOS4zMDQgNTguNDkyNkMxMzguOTggNTYuMjI2NCAxMzguODEyIDUzLjkwOTQgMTM4LjgxMiA1MS41NTM2VjM3LjYxODNDMTM4LjgxMiAzMi4xOTUgMTM0LjQxOSAyNy43OTg1IDEyOSAyNy43OTg1QzEyMy41ODEgMjcuNzk4NSAxMTkuMTg4IDMyLjE5NSAxMTkuMTg4IDM3LjYxODNWNTEuNTUzNkMxMTkuMTg4IDUzLjkwOTQgMTE5LjAyIDU2LjIyNjQgMTE4LjY5NSA1OC40OTI2QzExMy43NTkgODIuMTk0MSA5Mi43NjU4IDEwMCA2Ny42MTc1IDEwMEg1Ny4zNDIxQzI5Ljk4MjkgMTAwIDcuNTQxOTQgNzguOTI1MSA1LjM0MjAxIDUyLjExMjhDNS4zNDAwNyA1MS45MjYxIDUuMzM4OTYgNTEuNzQwMyA1LjMzODk2IDUxLjU1MzZWMjYuNjgxMUM1LjMzODk2IDIzLjY0MjMgMy44MzUwNiAyMC44NzcxIDIuMzUyNjggMTguMTUwN0wyLjMzNDEyIDE4LjExNzRDMS45MjE1IDE3LjM1NzcgMS41MTA1NSAxNi42MDA3IDEuMTM1MTUgMTUuODQyOUMwLjQwODY0NCAxNC4zNzUyIDAgMTIuNzIyNyAwIDEwLjk3NDFDMCA0LjkxMzEzIDQuOTEgMCAxMC45NjY0IDBIOTcuMDUzNUMxMDIuNDk2IDAgMTA3Ljc2MiAxLjkyMzMgMTExLjkyNSA1LjQzMTYyTDExOC45ODQgMTEuMzc5OUMxMTkuMDA5IDExLjM4NjMgMTE5LjAzNSAxMS4zOTQ2IDExOS4wNTkgMTEuNDA1N0wxMTkuMDgyIDExLjQxNUMxMTkuMTE4IDExLjQzMTYgMTE5LjE1MyAxMS40NTM4IDExOS4xODcgMTEuNDgwNloiIGZpbGw9IiMwQzBDMEMiLz4KPHBhdGggZD0iTTE0Ni41MTYgMzEuNDk5MUMxNDYuNTE2IDE4LjczNzUgMTU2Ljg1MiA4LjM5Mzc0IDE2OS42MDMgOC4zOTM3NEgyMjEuNDM1QzIzNC4xODYgOC4zOTM3NCAyNDQuNTIzIDE4LjczNzUgMjQ0LjUyMyAzMS40OTkxVjQ3Ljc4MTlDMjQ0LjUyMyA3Mi4wMjc3IDIyNC44ODMgOTEuNjgyMSAyMDAuNjU3IDkxLjY4MjFIMTkwLjM4MUMxNjYuMTU1IDkxLjY4MjEgMTQ2LjUxNiA3Mi4wMjc3IDE0Ni41MTYgNDcuNzgxOVYzMS40OTkxWiIgZmlsbD0iIzA1MDUwNSIgc3Ryb2tlPSIjMDUwNTA1IiBzdHJva2Utd2lkdGg9IjAuMiIvPgo8cGF0aCBkPSJNMTMuNDc1OCAzMS40OTkxQzEzLjQ3NTggMTguNzM3NSAyMy44MTIzIDguMzkzNzQgMzYuNTYzIDguMzkzNzRIODguMzk0OUMxMDEuMTQ2IDguMzkzNzQgMTExLjQ4MiAxOC43Mzc1IDExMS40ODIgMzEuNDk5MVY0Ny43ODE5QzExMS40ODIgNzIuMDI3NyA5MS44NDMyIDkxLjY4MjEgNjcuNjE2OCA5MS42ODIxSDU3LjM0MTVDMzMuMTE1IDkxLjY4MjEgMTMuNDc1OCA3Mi4wMjc3IDEzLjQ3NTggNDcuNzgxOVYzMS40OTkxWiIgZmlsbD0iIzA1MDUwNSIgc3Ryb2tlPSIjMDUwNTA1IiBzdHJva2Utd2lkdGg9IjAuMiIvPgo8L3N2Zz4K)](https://swaggerviewer.ptr.red/spec/aHR0cHM6Ly9naXRodWIuY29tL2JhY2VuL3BpeC1hcGkvcmF3L21hc3Rlci9vcGVuYXBpLnlhbWw%3D)
[![Source](https://img.shields.io/badge/SOURCE-000000?style=for-the-badge)](https://github.com/bacen/pix-api/blob/master/openapi.yaml)






Deploy with Vercel