GraphQL Query Formatter — Mutation & Subscription Tool
Format and prettify GraphQL queries, mutations, subscriptions, and fragments with correct indentation.
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
TOTP Code Generator — 2FA Testing Tool
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
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
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
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
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 →Secret Scanner — API Key & Credential Detector
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 →Screen Size Converter — Diagonal Dimension Tool
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 →TOML Config Validator — Syntax Error Finder
Validate TOML configuration file syntax and report errors with line numbers. Paste any TOML content — Cargo.toml, pyproject.toml, config.toml — and instantly see a green checkmark with key counts and structure stats, or a precise error message pointing to the exact line. Includes a collapsible JSON structure preview to confirm what was parsed.
Use Tool →Related API & Backend Tools
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 →GraphQL Variables Formatter — Query Validator
Format and validate GraphQL query variables JSON for use in queries and API clients. Paste your variables JSON alongside a GraphQL query to instantly format the JSON, validate that each variable matches its declared type, catch missing required variables, and highlight undeclared extras.
Use Tool →JWT Token Validator — Signature Verifier
Decode and validate JWT tokens instantly in your browser. Inspect header and payload claims, check expiry, and verify HMAC signatures (HS256/HS384/HS512). Free and private.
Use Tool →Webhook Payload Generator — Template Builder
Generate realistic sample webhook payloads for Stripe, GitHub, Slack, and custom event schemas. Select a provider and event type to instantly produce a correctly structured JSON payload you can copy or download to seed webhook handlers, write tests, and build integrations.
Use Tool →API Error Decoder — Fix Suggestion Tool
Decode HTTP status codes and OAuth 2.0 error strings with plain-English descriptions, common causes, and actionable fix suggestions. Covers every HTTP 1xx–5xx status code and all standard OAuth 2.0 error responses. Results appear instantly as you type.
Use Tool →HTTP Headers Generator — Auth & Security Builder
Generate common HTTP request headers for authentication, content-type, caching, and security. Toggle each category, configure values, and copy the output as raw key-value pairs, JSON, fetch(), cURL, or axios.
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 →Webhook Validator — Payload & Signature Checker
Validate and inspect webhook payloads in your browser. Auto-detects GitHub, Stripe, Slack, and Shopify webhooks, extracts event details, and optionally verifies HMAC signatures. Free and private.
Use Tool →Share Your Feedback
Help us improve this tool by sharing your experience