Skip to main content

GraphQL to TypeScript

Generate TypeScript types from GraphQL schema

GraphQL Schema Input

Paste your GraphQL schema here

TypeScript Output

Generated TypeScript interfaces

How to Use

1. Paste your GraphQL schema in the input area

2. Click "Generate Types" to create TypeScript interfaces

3. Copy the generated types and use them in your TypeScript project

Type mappings:

  • ID → string
  • String → string
  • Int → number
  • Float → number
  • Boolean → boolean
  • Field! (required) → no optional marker
  • Field (optional) → field?: type
  • [Type!]! → Type[]