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.