Format a GraphQL Query
Turn a compact GraphQL query into a readable, indented version, useful for debugging a query copied from a network tool or developer console. 100% local processing in your browser (WebAssembly) — nothing is sent to a server.
How It Works
The tool goes through your GraphQL query and indents each brace level with 2 spaces, placing each field on its own line. This is especially useful when you copy a GraphQL query from the browser's network tab (often all on one line) and want to read or edit it easily.
Does the tool validate full GraphQL syntax?
No, the tool only formats based on braces without validating the full GraphQL grammar (arguments, fragments, directives). However, it detects unbalanced braces and reports an error in that case.
Does it work with mutations and variables?
Yes, as long as the text is structured with regular braces, the tool indents both queries and mutations, along with their arguments and subfields.
100% local processing: formatting runs entirely in your browser via WebAssembly — your query is never sent to a server.