Skip to content
jsonforge.app

OpenAPI & Swagger Viewer

Interactive OpenAPI 3.x & Swagger 2.0 spec viewer with cURL and Fetch code generators.

OpenAPI / Swagger Spec (JSON or YAML)

Loading editor…

OpenAPI Interactive ViewerOpenAPI 3 3.0.3

Petstore API

v1.0.0

A sample Petstore API spec for demonstrating OpenAPI / Swagger rendering

Header Auth / Security:bearerAuth (bearer) → AuthorizationapiKeyAuth → X-API-KEY
Servers:https://petstore.swagger.io/v2
GET/petsList all pets
apiKeyAuth
POST/petsCreate a pet
bearerAuth
GET/pets/{petId}Info for a specific pet

¿Qué es OpenAPI & Swagger Viewer?

OpenAPI & Swagger Viewer (Spanish Edition) — The OpenAPI & Swagger Spec Viewer lets you paste or upload any OpenAPI 3.0, 3.1, or Swagger 2.0 specification in JSON or YAML format and instantly transforms it into an interactive, visual API documentation interface. Endpoints are automatically grouped by tags, HTTP method badges (GET, POST, PUT, DELETE, PATCH), parameter tables, request body definitions, and status code response schemas. It also displays header authentication requirements (Bearer JWT, API Keys, Basic Auth) and provides one-click cURL and JavaScript Fetch code snippet generation for testing endpoints.

Cómo usar OpenAPI & Swagger Viewer

  1. Paste your OpenAPI 3.x or Swagger 2.0 specification (JSON or YAML) into the left panel editor.
  2. The interactive viewer on the right parses your spec instantly and renders all API endpoints.
  3. Use the method filters (GET, POST, PUT, etc.) or search bar to filter endpoints by path, summary, or tag.
  4. Click any endpoint accordion to view required parameters, request bodies, and response schemas.
  5. Click 'cURL' or 'Fetch' to copy ready-to-run terminal or browser request code snippets.

Ejemplos

Inspecting an OpenAPI 3.0 spec

Entrada

openapi: 3.0.3 info: title: My API version: 1.0.0 paths: /users: get: summary: List Users

Salida

Interactive documentation showing GET /users endpoint with status codes and parameter schemas

Generating cURL for a POST endpoint

Entrada

openapi: 3.0.0 info: title: Orders API version: 1.0.0 paths: /orders: post: summary: Create Order

Salida

One-click copy cURL command with JSON payload headers and authorization Bearer token

Errores comunes

  • Pasting invalid YAML or JSON with syntax errors — ensure your document is valid before viewing.
  • Forgetting to define securitySchemes in components — without security definitions, default bearer tokens are generated for authorization.
  • Expecting real network requests to execute inside the viewer — this tool is designed for specification rendering and code snippet generation.

Por qué usar esta herramienta

  • Runs 100% client-side — your API contracts, internal endpoints, and tokens stay private.
  • Instant cURL and Fetch code generation for fast testing.
  • Supports both OpenAPI 3.x and Swagger 2.0 in JSON and YAML.

Preguntas frecuentes

Herramientas relacionadas

JSON Tree Viewer

Explore JSON as a collapsible, searchable tree instead of a flat text block.

/json-tree-viewer

JSON Preview

Preview JSON as beautified text, a table, a relationship diagram, or a tree — switch views instantly.

/json-preview

JSON to YAML

Convert JSON to YAML and back, with type inference and clean formatting.

/json-to-yaml

JSON Validator

Validate JSON against schemas with detailed error reporting. Generate schemas from JSON.

/json-validator