GraphQL query formatter helps you beautify (pretty-print) or minify GraphQL queries. Properly indented GraphQL code is easier to read, debug, and maintain.
β 2-space indentation standard
β Selection sets auto-indented
β Arguments smart formatting
β Directive formatting
β Fragment definitions separated
β’ Format queries copied from browser devtools
β’ Standardize team coding style
β’ Pre-format before code review
Using the GraphQL Formatter is straightforward:
Yes, it supports standard GraphQL: query, mutation, subscription, fragment, inline fragments, variables, directives, interfaces, unions.
No. Formatting only changes indentation and line breaks. The formatted query is semantically identical and can be executed as-is.
No. All processing happens locally in your browser. Your queries never leave your device.