Beautify GraphQL Online — Free GQL Formatter
Beautify GraphQL schemas and queries instantly with Prettier — browser-only.
Loading…
GraphQL Beautification
Beautify GraphQL online.
Features
Standard indentation for queries and SDL.
Beautify GraphQL
Standard indentation for queries and SDL.
Basic example
GraphQL source
query { user { id name } }
Beautified GraphQL
query {
user {
id
name
}
}
Formatting options
Print width
Wrap lines at 80, 100 or 120 columns.
JavaScript-specific options (semi, quotes, trailing comma) do not apply to this language.
Prettier-powered formatting
Formats queries, mutations and schema definitions. Browse all tools in the developer tools hub.
FAQ — Beautify GraphQL
Beautification
Schema vs query?
Both GraphQL query documents and SDL type definitions are supported.
Invalid syntax?
Syntax errors show a clear message with line hints — fix and retry.
Looking for converters, encoders, formatters, and minifiers in one place? Developer tools hub Open the curated developer tools catalogue.
Other actions for this language
Beautify GraphQL