GraphQL Formatter & Compressor

Steps

1. Paste a GraphQL Query, Mutation, or Subscription on the left.
2. Click “Format” to beautify indentation and structure.
3. Click “Minify” to generate a compact output for transport or diff.
4. Click “Copy” to copy the result to your clipboard.
5. Click “Clear” to reset both input and output.

Key features

• Beautify formatting with consistent indentation and line breaks.
• Syntax highlighting for fields, arguments and keywords.
• Minify output by removing redundant whitespace and comments.
• Client-side processing only, nothing is uploaded to a server.
• Works with Query, Mutation and Subscription operations.

What is GraphQL?

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It lets clients request exactly what they need, reduces over-fetching, and fits evolving APIs and complex data graphs.

Basic syntax

query GetUser($id: ID!) {
  user(id: $id) {
    id
    name
    email
    posts {
      title
      content
    }
  }
}

mutation CreateUser($input: CreateUserInput!) {
  createUser(input: $input) {
    id
    name
    email
  }
}

subscription UserUpdated($userId: ID!) {
  userUpdated(userId: $userId) {
    id
    name
    email
  }
}