GraphQL to TypeScript

Q: How are GraphQL enums converted?

GraphQL enums become TypeScript enum declarations or union types. Each enum value is preserved with string values matching the GraphQL name.

Q: What GraphQL scalars are supported?

Built-in GraphQL scalars map as follows: String→string, Int→number, Float→number, Boolean→boolean, ID→string. Custom scalars default to 'unknown' or 'any'.

Q: Is this different from graphql-code-generator?

graphql-code-generator is a CLI tool for production use with config files and plugins. This converter is a quick online tool for developers who need to inspect or prototype TypeScript types from a GraphQL schema without setting up a full codegen pipeline.

Convert GraphQL schema SDL to TypeScript interfaces and types with AI.

Working with a GraphQL API in TypeScript? Paste your schema types and get the equivalent TypeScript interfaces — with correct nullability, enums, and array types.

Paste your code, then click Convert

TypeScript

How to use this tool?

This online converter harnesses AI to translate GraphQL schema SDL to TypeScript types and interfaces. Follow these steps:

Type or paste your GraphQL schema (type definitions, inputs, enums) into the input box.
Click the "Convert" button to generate equivalent TypeScript types.
View the TypeScript interfaces and types in the output box, ready to use.

Example: Simple Function

GraphQL

type User {
  id: ID!
  name: String!
  email: String
  role: Role!
  posts: [Post!]!
}

enum Role {
  ADMIN
  USER
}

TypeScript

export enum Role {
  ADMIN = "ADMIN",
  USER = "USER",
}

export interface User {
  id: string;
  name: string;
  email: string | null;
  role: Role;
  posts: Post[];
}

Frequently Asked Questions

How are non-null fields handled?

GraphQL non-null fields (Type!) become required TypeScript properties. Nullable fields (Type) become 'Type | null' — matching GraphQL's null semantics exactly.

How are GraphQL enums converted?

GraphQL enums become TypeScript enum declarations. Each enum value is preserved with a string value matching the GraphQL name.

Are GraphQL input types supported?

Yes. GraphQL 'input' types are converted to TypeScript interfaces with an 'Input' suffix to distinguish them from output types.

What GraphQL scalars are supported?

String→string, Int→number, Float→number, Boolean→boolean, ID→string. Custom scalars default to 'unknown'.

Is this different from graphql-code-generator?

graphql-code-generator is a CLI tool for production use. This is a quick online converter for prototyping or inspecting types — no config, no install, just paste and convert.

Are list types converted correctly?

Yes. GraphQL list types ([Type]) become TypeScript arrays (Type[]). Non-null list items ([Type!]) become non-nullable arrays.

From the blog

View all →