GraphQL Formatter & Beautifier

GraphQL Formatter & Beautifier

Local Processing

Format, indent, and prettify GraphQL queries, mutations, subscriptions, and SDL schemas.

How It Works & Processing Standards

Format, indent, and prettify GraphQL queries, mutations, subscriptions, and SDL schemas.

Tool processing runs in your browser. If you create a calculator or conversion share link, its values are included in the URL. See the privacy policy for account, analytics and advertising data.

Current Limits

  • Desktop max file size: 50MB
  • Mobile max file size: 20MB

Expands one-line GraphQL documents for reading. Arguments like user(id: 1) and "strings with spaces" are never split, and aliases (me: user), directives (@include) and ... on Type stay on the same line.

No schema validation; only braces, parentheses and quotes are checked for balance.

What You Can Do

One field per line
Fields in a selection set each get their own line.
Arguments and strings kept
Parenthesised arguments and strings stay whole.

How to Use GraphQL Formatter & Beautifier

  1. 1
    Paste GraphQLPaste a query or mutation.
  2. 2
    CopyCopy the formatted document.

Examples

Nested query
Input: query { user(id: 1) { name friends { name } } }
Result: query { user(id: 1) { name friends { name } } }

Common Use Cases

  • Reading queries copied from logs or the network tab
  • Tidying query examples for docs

Frequently Asked Questions (FAQ)

What happens to commas?

Commas between fields carry no meaning in GraphQL and are dropped. Commas inside arguments are normalised to ", ".

Have feedback or ideas for this tool? Suggest & Inquire →