All Tools About Blog Code Examples MCP Server — Use tools from AI agents
Workflows Paste Anything — Smart Detector Tool Pipeline Builder Bulk / Batch Processor
JSON Tools JSON Formatter & Beautifier JSON Validator JSON to CSV Converter JSON to TypeScript Generator JSON to Python Converter JSON Flatten & Unflatten jq Playground — JSON Processor JSON Mock Data Generator JSON Schema Validator JSONPath Evaluator JSON Schema Generator JSON Patch / Diff Generator
Encoding Tools Base64 Encoder / Decoder URL Encoder / Decoder Hash Generator (MD5/SHA) JWT Decoder HTML Entity Encoder / Decoder Image to Base64 Converter String Escape / Unescape Tool ASCII / Binary / Hex Converter Protobuf Decoder — Wire Format Viewer Encoding Detective — Mojibake Repair
Formatters HTML Beautifier XML Formatter & Validator SQL Formatter & Beautifier CSS Minifier & Beautifier JavaScript Minifier & Beautifier TOML Formatter & Converter YAML Formatter, Validator & Minifier
Generators UUID Generator Password Generator QR Code Generator Lorem Ipsum Generator Cron Expression Generator chmod Calculator Slug / URL Generator .gitignore Generator
Testing Tools Regex Tester Regex Explainer — Plain English
Security Tools HMAC Generator Content Security Policy Generator SSH Key Generator SSL Certificate Decoder CORS Header Builder & Generator
Design Tools Color Picker & Converter Placeholder Image Generator SVG Path Editor & Visualizer
Comparison Tools Diff Checker / Text Compare .env Diff & Merge
Converters JSON-YAML Converter Epoch / Unix Timestamp Converter Markdown to HTML Preview Curl to Fetch/Axios Converter Tailwind CSS Converter OpenAPI to TypeScript Text Case Converter Number Base Converter CSV Viewer & Editor Date & Time Format Converter SQL to MongoDB & N1QL Converter Semver Calculator & Comparator Byte / Size Calculator URL Parser & Builder Glob to Regex Converter Math Expression Evaluator SQL DDL to TypeScript Converter Duration / Time Calculator CSS Unit Converter — px, rem, em, pt, vw, vh JSON to Go Struct Converter HTML to Markdown Converter CSV to SQL Converter SQL to ORM Converter
Reference HTTP Status Code Explorer Git Command Builder GraphQL Schema Explorer MIME Type Lookup
Text Tools Word & Character Counter Text Line Sorter, Deduplicator & Tools
Networking Tools Subnet / CIDR Calculator
DevOps Tools Nginx Config Generator Docker Compose Validator Robots.txt Generator & Validator GitHub Actions YAML Validator

OpenAPI to TypeScript

Generate TypeScript interfaces and types from OpenAPI 3.x or Swagger 2.0 JSON specs. Supports $ref resolution, enums, allOf/oneOf, and endpoint types.

Your data never leaves your browser
Generated TypeScript types will appear here...
Next steps
JSON → TypeScript → JSON ↔ YAML → JSON Validator → JSON Formatter →

How to Use

  1. Paste your OpenAPI 3.x or Swagger 2.0 JSON spec into the left panel.
  2. Optionally toggle "Use type instead of interface" for type alias syntax.
  3. Click Generate Types to create TypeScript definitions.
  4. Copy the output and add it to your project.

What Gets Generated

  • Schema types — every schema in components.schemas (OpenAPI 3) or definitions (Swagger 2) becomes a TypeScript interface or type
  • Enum types — schemas with enum values become union types
  • Nested objects — inline object schemas are expanded with proper nesting
  • $ref resolution — references are resolved to their TypeScript type names
  • allOf / oneOf / anyOf — composition types become intersection (&) or union (|) types
  • Endpoint types — request bodies and response schemas from paths get their own types
  • Nullable — nullable fields get | null appended
  • Descriptions — schema descriptions become JSDoc comments

OpenAPI vs Swagger

Swagger 2.0 stores schemas under definitions at the root level. OpenAPI 3.x moved them under components.schemas and added features like oneOf, anyOf, and request body schemas. This tool handles both automatically.

Why Generate Types from Specs?

Manually writing TypeScript types for API responses is error-prone and tedious, especially for large APIs with dozens of schemas. Generating types from your OpenAPI spec ensures your frontend types always match your API contract. When the spec changes, just re-generate.

For production workflows, consider tools like openapi-typescript (npm) which can be integrated into your build pipeline. This online tool is ideal for quick one-off generation, exploring a new API's types, or when you don't want to install dependencies.

Related Tools

Generate types from raw JSON with the JSON to TypeScript Generator. Convert YAML specs to JSON with the JSON-YAML Converter. Validate your JSON spec with the JSON Validator. Format messy specs with the JSON Formatter.

Frequently Asked Questions

Does this support both OpenAPI 3.x and Swagger 2.0?
Yes. The tool reads schemas from components.schemas (OpenAPI 3.x) or definitions (Swagger 2.0). Both formats are fully supported.
Can I paste a YAML spec instead of JSON?
Currently only JSON specs are supported. If your spec is in YAML, use our JSON-YAML Converter to convert it to JSON first, then paste it here.
How are $ref references handled?
References like $ref: "#/components/schemas/User" are resolved to their TypeScript type name (User). The referenced type must be defined in the same spec to be generated.
Does it generate types for API endpoints too?
Yes. If your spec includes paths with request bodies and responses, the tool generates request and response types for each operation.
Is my API spec safe?
Yes. All processing happens entirely in your browser. Your OpenAPI spec is never sent to any server.

Related Tools

JSON-YAML Converter

Convert between JSON and YAML formats instantly.

Epoch / Unix Timestamp Converter

Convert Unix timestamps to dates and vice versa.

Markdown to HTML Preview

Convert Markdown to HTML in real time with a live preview.

Curl to Fetch/Axios Converter

Convert curl commands to JavaScript fetch, Axios, or Node.js code instantly.

Tailwind CSS Converter

Convert Tailwind CSS utility classes to plain CSS and vice versa. Supports spacing, colors, typography, flexbox, grid, and more.

AI agent tools available. The CodeTidy MCP Server gives Claude, Cursor, and other AI agents access to 47 developer tools. One command: npx @codetidy/mcp

Drop file to load