GraphQL Schema Viewer

Parse a GraphQL SDL schema and browse its types, fields, arguments and references, with search and checks for undefined types.

GraphQL SDL schema

type Query {
  products(category: String, limit: Int = 10): [Product!]!
  product(id: ID!): Product
  cart(userId: ID!): Cart
  orders(userId: ID!, status: OrderStatus): [Order!]!
}

type Mutation {
  addToCart(userId: ID!, productId: ID!, quantity: Int!): Cart!
  removeFromCart(userId: ID!, itemId: ID!): Cart!
  checkout(userId: ID!, paymentMethod: PaymentMethod!): Order!
  updateProduct(id: ID!, input: ProductInput!): Product!
}

type Product {
  id: ID!
  name: String!
  description: String
  price: Float!
  category: Category!
  images: [String!]!
  reviews: [Review!]!
  inStock: Boolean!
}

type Cart {
  id: ID!
  items: [CartItem!]!
  total: Float!
}

type CartItem {
  id: ID!
  product: Product!
  quantity: Int!
}

type Order {
  id: ID!
  items: [CartItem!]!
  total: Float!
  status: OrderStatus!
  createdAt: String!
}

type Review {
  id: ID!
  author: String!
  rating: Int!
  comment: String
}

type Category {
  id: ID!
  name: String!
  slug: String!
}

enum OrderStatus {
  PENDING
  PROCESSING
  SHIPPED
  DELIVERED
  CANCELLED
}

enum PaymentMethod {
  CREDIT_CARD
  PAYPAL
  BANK_TRANSFER
}

input ProductInput {
  name: String!
  description: String
  price: Float!
  categoryId: ID!
  images: [String!]
}

Total types

Object types

Enums

Inputs

Interfaces

Total fields

Type browser

Type detail

typeProduct

Fields

idID!

nameString!

descriptionString

priceFloat!

categoryCategory!

images[String!]!

reviews[Review!]!

inStockBoolean!

Updated October 2, 2026. Provided as is. Check the output before you rely on it in production.

How to use GraphQL Schema Viewer

1

Paste your GraphQL schema

Input a GraphQL schema (full schema, not introspection JSON). The viewer parses it and builds an interactive type explorer.
2

Browse types and fields

Click on any type to see its fields, arguments, and return types. Drill down into nested types to understand the full structure. Follow relationships between types.
3

Find mutations and subscriptions

Locate mutation definitions to understand available write operations. Look for subscription types to see real-time events your API supports.
4

Generate queries from schema

Use the search box to find a type or field by name; the type browser filters to the matching types.

Questions and answers

What GraphQL schema format is supported?

GraphQL Schema Definition Language (SDL) — the standard .graphql format used by Apollo, Hasura, Prisma, and most GraphQL servers. Paste your schema SDL directly.

Can I explore types without a running server?

Yes, paste your schema SDL. No server connection needed. The tool parses and displays all types, fields, arguments, and relationships entirely client-side.

Does it show relationships between types?

Yes. Click any type to see the types its fields reference, then click a field type to move to it.

Can I search for specific fields?

Yes. The search box matches type names and field names, so typing a field name filters the type browser to the types that declare it.

Does it validate the schema?

Yes. The parser flags undefined type references, meaning a field whose type is not a built-in scalar or a type declared in the schema, with a descriptive message.

For AI agents: how to call this tool

Machine-readable contract, endpoints and examples. Humans can ignore this section.

Best Path For Builders

Browser workflow

Runs instantly in the browser with private local processing and copy/export-ready output.

Browser Workflow

This tool is optimized for instant in-browser execution with local data handling. Run it here and copy/export the output directly.

/graphql-schema-viewer/

For automation planning, fetch the canonical contract at /api/tool/graphql-schema-viewer.json.

GraphQL Schema Viewer