ZeroServer.tools

GraphQL Formatter

Format and beautify GraphQL queries, mutations, and schemas with proper indentation.

GraphQL input

Formatted

query GetUser($id: ID!)  {
  user(id: $id)  {
    id name email posts  {
      title publishedAt comments  {
        body author  {
          name
        }
      }
    }
  }
}

How GraphQL formatting works

The formatter tokenizes the GraphQL document, tracking brace depth to add proper indentation. Each field on a separate line, nested selections indented by 2 spaces. The minified input common when copying from documentation or network tabs is expanded into readable, human-friendly syntax.

To format JSON responses from GraphQL APIs, use the JSON Formatter. To explore JSON structure visually, try JSON Tree Viewer. For API key generation, see API Key Generator.

Private & free — this tool runs entirely in your browser.