GraphQL Query Formatter

About this tool

Pretty-print GraphQL queries with correct indentation based on brace nesting, making queries and mutations easy to read.

Example

Input: { user { id name } }

Output: { user { id name } }

Privacy

This tool runs entirely in your browser. Your data is processed locally and never uploaded to a server.

How to use this tool

1. Paste your GraphQL query or mutation into the input box.
2. Click the format button to pretty-print the text.
3. Review the indentation and spacing that the tool applies around braces and nested fields.
4. Copy the formatted result back into your editor or API client.

Step by step, what happens

1. The tool reads the GraphQL text and looks for braces, field lists, arguments, and nested blocks.
2. It rewrites the query with consistent indentation so each nested level is easier to follow.
3. It keeps the GraphQL structure the same while cleaning up messy spacing and line breaks.
4. You can then use the formatted output to spot missing braces or awkward nesting more quickly.

Worked example

Here is a simple query that is hard to read when it is all on one line.

Input: query GetUser { user { id name profile { bio } } }

1. The tool detects the top-level query and the nested user and profile blocks.
2. It splits the fields onto separate lines and indents each nested block under its parent.
3. It preserves the original GraphQL meaning while making the structure clear.

Tips and common mistakes

• Paste valid GraphQL whenever possible, since formatting cannot fix a query with broken syntax.
• If a block looks wrong after formatting, check for a missing or extra brace in the original text.
• Use the formatter before sharing queries with teammates so nested fields are easier to review.
• Formatting is especially helpful for long mutations, where arguments and nested input objects can be hard to scan.

Frequently asked questions