GraphQL Formatter
Your data never leaves your browserFormat GraphQL queries and mutations with proper indentation and line breaks.
Brie — Bug Reporting Tool
Found a bug while testing?
Brie captures screenshots, console logs, network data, and session replays in one click — so developers get the full context without the back-and-forth.
About GraphQL Formatter
Paste a compressed or unformatted GraphQL query, mutation, subscription, or fragment and get a cleanly indented, readable version. The formatter adds newlines after opening and closing braces, applies 2-space indentation for nested fields, and recognizes GraphQL operation keywords.
How to use
- Paste your unformatted GraphQL query or mutation into the input panel.
- The formatted GraphQL with proper indentation and line breaks appears instantly.
- Click Copy to use the readable query in your code or documentation.
More Code Formatters
YAML Formatter / Beautifier
Format and normalize YAML with consistent indentation and structure.
Markdown Formatter
Normalize Markdown: blank lines before headings, consistent list markers, no trailing whitespace.
SQL Formatter / Beautifier
Format and beautify SQL queries with uppercase keywords, newlines, and indentation.
Frequently Asked Questions
FAQs about GraphQL Formatter
Does this support all GraphQL operation types?
Yes. query, mutation, subscription, and fragment are all supported. The formatter handles nested fields and arguments.
Are variables and arguments preserved?
Yes. Variable declarations ($id: ID!) and field arguments (user(id: $id)) are preserved exactly as provided.
Does it validate the GraphQL schema?
No. The formatter only adjusts whitespace and indentation — it does not validate against a schema.
What indentation does it use?
The formatter uses 2-space indentation for each nesting level, consistent with most GraphQL style guides.
Is my data safe?
All formatting runs in your browser. No data is ever sent to a server.