Formatter

GraphQL Formatter

Format No sign in

Formatter example

Before

query GetUser{id name posts{title}}

After

query GetUser {
  id
  name
  posts {
    title
  }
}

Workflow

Use GraphQL without sending code.

Paste a snippet, run the action, review any highlighted issue, then copy the result back to your work.

Current language
GraphQL
Current action
Formatter
  1. 01

    Start

    Paste a snippet or full file into the editor.

  2. 02

    Run

    Use Run Formatter from the action bar.

  3. 03

    Review

    Fix syntax issues if processing stops.

  4. 04

    Move

    Use Copy code when the result is ready.

Files
.graphql, .gql, .graphqls
Paste a GraphQL snippet or a full source file.
Engine
pretty_graphql
Runs the browser-side formatter for readable output.
Privacy
Local run
The editor does not send pasted code to a formatting API.
Result
Readable output
Move the formatted code back to your editor.