What does a GraphQL query formatter do?

A GraphQL formatter normalizes spacing, lines, and indentation across fields, arguments, fragments, and directives, making queries legible and easy to review in pull requests.

Does minifying a GraphQL query affect its execution?

No. GraphQL execution engines parse AST tokens regardless of whitespace. Minified queries have identical semantics but smaller byte sizes for HTTP transmission.

Can I format GraphQL mutations and subscriptions too?

Yes. The formatter handles all standard GraphQL operations including query, mutation, subscription, fragment, and inline fragment definitions.

How does it handle comments in GraphQL (#)?

Standard hash (#) comments are preserved in formatted mode and cleanly stripped during minification.

Is my GraphQL schema or private query sent anywhere?

No. All parsing and formatting happens directly in your browser JavaScript memory.

GraphQL Query Formatter & Minifier

Format, beautify, indent, and minify GraphQL queries, mutations, and fragments.

100% free
Private in browser
No signup
No watermarks

GraphQL Query Formatter & Minifier

Format, beautify, and compress GraphQL queries, mutations, and fragments online.

GraphQL Input

Formatted Output

query GetUserProfile ($userId: ID! ) {
  user (id: $userId ) {
    id name email profile {
      avatarUrl bio
    }
    posts (limit: 5 ) {
      id title createdAt
    }
  }
}

Lines: 10Characters: 177✓ Brackets Balanced

Rate this tool

Be the first to rate — helps others and improves this page.

About GraphQL Query Formatter & Minifier

Format, beautify, indent, and minify GraphQL queries, mutations, and fragments. Use this free client-side tool on TheToolss with zero installation and complete privacy.

How to use GraphQL Query Formatter & Minifier

Paste your raw GraphQL query, mutation, or schema into the input editor.
Choose your desired indentation level (2 spaces or 4 spaces) or click Minify.
View the beautifully indented and aligned GraphQL query in real time.
Copy the formatted query or clean JSON-escaped string with one click.

Key features

Intelligent block nesting for queries, mutations, subscriptions, and fragments
Multi-level brace ({ }), parenthesis ( ), and directive formatting
Minification mode to compress queries into compact strings for HTTP POST payloads
Bracket balance counter and syntax safety verification
100% in-browser processing with no server telemetry

Frequently asked questions

What does a GraphQL query formatter do?: A GraphQL formatter normalizes spacing, lines, and indentation across fields, arguments, fragments, and directives, making queries legible and easy to review in pull requests.
Does minifying a GraphQL query affect its execution?: No. GraphQL execution engines parse AST tokens regardless of whitespace. Minified queries have identical semantics but smaller byte sizes for HTTP transmission.
Can I format GraphQL mutations and subscriptions too?: Yes. The formatter handles all standard GraphQL operations including query, mutation, subscription, fragment, and inline fragment definitions.
How does it handle comments in GraphQL (#)?: Standard hash (#) comments are preserved in formatted mode and cleanly stripped during minification.
Is my GraphQL schema or private query sent anywhere?: No. All parsing and formatting happens directly in your browser JavaScript memory.