GraphQL Query Formatter — Mutation & Subscription Tool

Format and prettify GraphQL queries, mutations, subscriptions, and fragments with correct indentation.

API ToolsAPI & Backend
Loading tool...

How to Use GraphQL Query Formatter — Mutation & Subscription Tool

How to Use the GraphQL Query Formatter

Step 1: Paste Your Query

Paste any GraphQL operation into the left textarea. This can be a query, mutation, subscription, or fragment definition. Minified one-liners, partially formatted code, and multi-operation documents are all supported.

Step 2: Choose Indent Size

Use the Indent selector in the top-right corner of the input panel to choose between 2 spaces (default) or 4 spaces. This controls how deeply nested fields and selections are indented in the output.

Step 3: Load an Example (optional)

Click one of the example buttons below the textarea to load a pre-built query:

  • Simple Query — a basic query with a field argument
  • With Variables — a query using $variables, a directive (@include), and nested selections
  • Mutation — a mutation with an input variable
  • With Fragments — fragment definitions and spreads across multiple operations
  • Subscription — a subscription operation

Step 4: Click Format Query

Click the Format Query button. The formatted output appears in the right panel with correct indentation and each field on its own line.

Step 5: Copy or Download

Use the Copy button to copy the formatted query to your clipboard, or click .graphql to download the result as a formatted.graphql file.

What the Formatter Does

  • Places each selected field on its own line
  • Indents nested selection sets by the chosen indent size
  • Keeps field arguments (arg: value) inline with the field name
  • Keeps variable definitions ($id: ID!) inline with the operation name
  • Formats fragment spreads (...FragmentName) and inline fragments (... on Type) as separate lines
  • Preserves directives (@include, @deprecated) inline with their field
  • Preserves string literals and comments without modification

Limitations

The formatter is a lightweight token-based prettifier, not a full GraphQL parser. It does not validate the query structure or check types. For full GraphQL spec compliance and error checking, use the GraphQL Schema Validator or an official GraphQL library.

Frequently Asked Questions

Most Viewed Tools

📺

Screen Size Converter — Diagonal Dimension Tool

4,160 views

Calculate screen width and height from diagonal size and aspect ratio. Convert between inches and centimeters for displays, TVs, and monitors with instant dimension calculations.

Use Tool →
🔐

TOTP Code Generator — 2FA Testing Tool

3,476 views

Generate time-based one-time passwords from a TOTP secret key. Enter your base32 secret, choose a period and digit length, and get the current and next codes with a live countdown timer. Useful for testing and debugging 2FA integrations.

Use Tool →
{ }

JSON to Zod — Schema Generator

3,385 views

Generate Zod validation schema code from a JSON sample object. Infers z.string(), z.number(), z.boolean(), z.array(), z.object(), and z.null() types automatically. Handles nested objects, arrays of objects with optional field detection, and outputs copy-ready TypeScript with import and z.infer type alias.

Use Tool →
{}

JSONL Formatter — Line-by-Line Validator

3,383 views

Format, validate, and inspect JSON Lines (JSONL) and NDJSON files. Validates each line individually, reports parse errors by line number, outputs compact JSONL or a pretty-print preview, and lets you download the cleaned file.

Use Tool →
🔐

TLS Cipher Suite Checker — Strength Analyzer

3,141 views

Check TLS protocol version compatibility and cipher suite strength ratings against current best practices. Supports IANA and OpenSSL cipher names — rates each suite as Strong, Weak, or Deprecated and explains why.

Use Tool →
🔑

Password Entropy Calculator — Crack Time Estimator

3,108 views

Calculate the information-theoretic bit entropy of any password or API key. Detects character set pools automatically, shows the total number of possible combinations, and estimates crack time across five attack scenarios from rate-limited web logins to GPU cracking clusters.

Use Tool →
🖨️

DPI Calculator — Print Resolution Tool

3,099 views

Calculate DPI (dots per inch), image dimensions, and print sizes. Convert between pixels and physical dimensions for printing and displays.

Use Tool →
🔍

Secret Scanner — API Key & Credential Detector

2,925 views

Scan pasted text, code, or config files for accidentally exposed API keys, tokens, passwords, and private keys. Detects 50+ secret types across AWS, GitHub, Stripe, OpenAI, and more — all client-side, nothing leaves your browser.

Use Tool →

Related API & Backend Tools

🚦

API Gateway Rate Limiting Calculator — Model RPS, Burst, and Token Buckets

Calculate token bucket size and refill rate from RPS targets for API gateway throttling. Enter your steady-state requests per second, burst multiplier, and average response time — the calculator outputs the bucket capacity, refill rate, per-minute and per-hour quotas, and concurrent connection estimate. Generates ready-to-paste throttling config for AWS API Gateway, Kong, and Nginx. Free and runs entirely in your browser.

Use Tool →
🐇

AMQP Exchange Configuration Simulator — Map Routing Keys and Queue Bindings

Generate RabbitMQ channel declaration code for Node.js (amqplib) and Python (pika). Select an exchange type, configure durability and options, add queue bindings with routing keys, and instantly get production-ready assertExchange and bindQueue calls. Supports all four exchange types: direct, fanout, topic, and headers. Four presets cover the most common RabbitMQ patterns. Free and runs entirely in your browser.

Use Tool →
📝

REST Endpoint Documenter — Markdown Doc Generator

Document a REST endpoint quickly by entering the URL, method, headers, and sample request/response. Generates formatted Markdown documentation and an example cURL command instantly.

Use Tool →
🔀

CORS Header Generator — Cross-Origin Config Tool

Build CORS configuration headers interactively for web servers and APIs. Set allowed origins, methods, request headers, credentials, and preflight cache duration — then copy the generated Access-Control headers or ready-to-paste code snippets for nginx, Express.js, Flask, and .NET.

Use Tool →
🔄

HTTP Retry Policy Builder — Configure Resilient API Client Logic

Configure max retries, initial delay, backoff multiplier, jitter, max delay cap, and retryable HTTP status codes to instantly generate ready-to-use retry policy code for Axios (with axios-retry), native Fetch API (Node 18+ and node-fetch), and Go net/http. Supports presets for Standard, Aggressive, Conservative, and Rate-Limit Aware policies. All code is generated in your browser — free, instant, no signup.

Use Tool →
📋

API Changelog Generator — Automatically Detect Breaking Changes and Write Release Notes

Convert API change descriptions into structured Keep-a-Changelog format. Enter a version, date, and one change per line prefixed with its type (added, changed, deprecated, removed, fixed, or security). The tool instantly groups them into the canonical section order and outputs a ready-to-paste CHANGELOG.md block. Supports four real-world presets for REST API releases, breaking changes, patch releases, and unreleased work. Free and runs entirely in your browser.

Use Tool →
🔐

OAuth Token Validator — JWT & OIDC Decoder

Validate and inspect OAuth tokens in your browser. Decode JWT access tokens and ID tokens to view claims, scopes, and expiry. Analyse opaque tokens for entropy and format. Free and private.

Use Tool →
⏱️

API Latency Budget Calculator — Plan Distributed System Performance

Set a P99 SLO latency target and distribute the budget across your upstream service dependencies. See remaining headroom, utilization percentage, a stacked allocation bar, and a per-service breakdown with optional P99 actual measurements.

Use Tool →

Share Your Feedback

Help us improve this tool by sharing your experience

We will only use this to follow up on your feedback