GraphQL Formatter

Format and beautify GraphQL queries, mutations, and schemas with proper indentation.

  • 100% free
  • Private in browser
  • No signup
  • No watermarks

Formatted Output

query GetUser ($id: ID!) {
  user (id: $id) {
    id name email posts {
      id title createdAt comments {
        id body author {
          name avatar         }
      }
    }
  }
}

Rate this tool

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

About GraphQL Formatter

Format and beautify GraphQL queries, mutations, and schemas with proper indentation. Everything runs in your browser, so your data never leaves your device.

How to use GraphQL Formatter

  1. Paste your GraphQL code.
  2. Choose indentation size.
  3. Get formatted output.

Key features

  • Formats queries, mutations, subscriptions, and schemas
  • Customizable indentation
  • Preserves comments
  • Handles inline fragments and directives

Frequently asked questions

What GraphQL syntax is supported?
Queries, mutations, subscriptions, fragments, inline fragments, directives, and SDL schema definitions.
What do I need to enter?
Just GraphQL Code and Indent. Every field has a sensible default you can start from.
Is my data uploaded anywhere?
No. The calculation runs in your browser with JavaScript — nothing you type is sent to a server or stored.
Does it work on a phone?
Yes. The layout adapts to small screens and needs no app or signup.
Is Free GraphQL Formatter Online free?
Yes. Free GraphQL Formatter Online on TheToolss is free to use with no signup required for the core workflow.
Free GraphQL Formatter Online | TheToolss