Skip to content

Playground

Prototype output without leaving the documentation site.

The playground runs inside this page. Paste OpenAPI YAML or JSON on the left, or load a public http(s) OpenAPI URL, and inspect generated TypeScript on the right. Remote URLs must permit browser CORS requests.

Open the playground full screen ↗

The playground keeps the selected runtime and output options in its URL. These links are useful in issue reports, reviews, and docs:

When the editor changes, the input document is compressed into the input URL parameter. Copy the browser URL to share a reproducible input. Very large documents may exceed browser URL limits; use a fixture or repository file instead.

The output tabs mirror the generator’s default filenames. A runtime creates openapi.<runtime>.ts and, by default, its openapi.<runtime>.types.d.ts sidecar. Enable Default fetcher, TanStack Query, or MSW handlers to inspect api.client.ts, tanstack.client.ts, and msw.handlers.ts alongside the main file. The dedicated guides explain custom paths and production setup.