GraphQL Input
Formatted Output
GraphQL queries sent inline or logged from network inspector tools are often a single minified line. This formatter parses the query structure and re-formats it with proper indentation for readability.
When debugging network requests in browser DevTools, GraphQL queries appear as single-line strings. Paste them here for instant formatting before analysis.
Formatted queries take up more bandwidth. Use the minify button to compress them back to a single line for embedding in API request payloads or application code.
Our formatter is built with knowledge of GraphQL's bracket structure, ensuring correct indentation of nested fields, arguments, fragments, and directives.
© Live HTML Viewer | All Tools →