GraphQL Beautifier
Paste a minified GraphQL query, mutation, or schema and expand it into readable, indented form.
Last updated: May 29, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is GraphQL Beautifier?
GraphQL Beautifier formats GraphQL operations and schema definitions so selection sets, arguments, and nested fields are easy to read. Each field is placed on its own line, braces are indented consistently, and arguments and directives stay inline with their field. It is built for quick browser-side cleanup of queries copied from network logs, code, or documentation, and it focuses on layout rather than validating your schema.
How to Use GraphQL Beautifier
Paste a GraphQL query, mutation, or schema.
Choose indentation style.
Click Format.
Review the beautified GraphQL.
Copy or download the .graphql file.
Common Use Cases
- Reading a minified query captured from a network request.
- Tidying GraphQL operations before pasting them into documentation.
- Formatting a schema definition for easier review.
- Making nested selection sets readable when debugging.
Example Input and Output
A single-line query is expanded with one field per line.
{user{id name email}}{
user {
id
name
email
}
}Privacy
GraphQL is beautified locally in the browser and is not uploaded.
Frequently Asked Questions
Does this validate my GraphQL against a schema?
No. It formats text for readability only. Use a GraphQL server or linter to validate operations.
Does it keep arguments and variables inline?
Yes. Arguments, variables, and directives stay on the same line as their field; nested selection sets are indented.
Can it format schema definitions too?
Yes. Type, interface, enum, and input definitions are indented the same way as queries.
Is my query uploaded anywhere?
No. Beautification runs entirely in your browser.
Related Tools
JSON Formatter
Format, validate, and beautify JSON instantly — with clear error messages, Tree View, Diff mode, and Schema validation.
JavaScript Beautifier
Format and beautify minified or messy JavaScript code.
Code Highlighter
Paste code in JavaScript, TypeScript, Python, HTML, CSS, SQL, JSON, or Bash and get a syntax-highlighted HTML snippet you can embed anywhere. Live preview and copy-ready output.
Code to Image Converter
Convert code snippets to beautiful images for sharing.
C Beautifier
Beautify C source snippets by expanding braces and statements into readable, consistently indented code.
HTML Beautifier
Format and beautify minified or messy HTML code.

