GraphQL Formatter

GraphQL queries copied from network logs, code, or documentation are often squeezed onto one line. The formatter rebuilds the structure: each field on its own line, nested selections indented, and long argument lists split cleanly.

query GetUser($id: ID!) {
  user(id: $id) {
    name
    posts(first: 5) {
      title
    }
  }
}

• Prettier-style output

  One field per line, nested selections indented, and arguments kept inline until the line gets longer than 80 characters.

• Queries and schemas

  Formats operations, variables, fragments, directives, and inline fragments, as well as SDL: types, inputs, enums, unions, interfaces, descriptions, and directives.

• Syntax highlighting

  Keywords, types, variables, directives, strings, and comments are colored for quick reading.

• Minify for requests

  Remove comments and whitespace to get the smallest query for GET requests, persisted queries, or logs.

• Clear errors

  Unbalanced braces, parentheses, and brackets and unterminated strings are reported with the exact line and column.

• Private by design

  Queries and schemas are formatted in your browser and never leave your device.

1. Paste a GraphQL query or schema, or upload a .graphql file.
2. Choose Beautify or Minify and the indentation.
3. Fix any error shown with its line and column.
4. Copy or download the result.