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
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 →DPI Calculator — Print Resolution Tool
Calculate DPI (dots per inch), image dimensions, and print sizes. Convert between pixels and physical dimensions for printing and displays.
Use Tool →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 →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 →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 →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 →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 →Seconds to Time Converter — HH:MM:SS Formatter
Convert seconds to HH:MM:SS time format instantly with precise calculations and easy-to-read formatting.
Use Tool →Related API & Backend Tools
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 →Server-Sent Events (SSE) Formatter — Build and Debug Real-Time Streams
Build Server-Sent Events messages with id, event, data, retry, and comment fields for testing SSE endpoints. Fill in each field individually and instantly see the correctly formatted SSE message string with double-newline terminator. Supports multi-line data fields, keep-alive comment lines, and an escaped wire-format view. Five presets cover the most common SSE patterns. Free and runs entirely in your browser.
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 →GraphQL Cost Estimator — Analyze Query Complexity and Depth
Assign custom field weights to a GraphQL schema and calculate the total query complexity score. Paste any GraphQL query, configure per-field costs, and get a per-field breakdown table showing depth, multipliers, and cumulative cost.
Use Tool →GraphQL Subscription Builder — Generate WebSocket Payloads and Client Queries
Build GraphQL subscription query strings and generate WebSocket connection code snippets for Apollo Client, urql, and graphql-ws. Define your operation name, variables, and selection fields visually, then copy the ready-to-use code.
Use Tool →Postman to OpenAPI Converter — Spec Migration Tool
Convert Postman Collection v2.1 JSON to OpenAPI 3.0 specification format. Upload or paste your collection, and get a downloadable openapi.yaml or openapi.json with mapped paths, parameters, request bodies, and example responses.
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 →Rate Limit Header Parser — Throttle Info Decoder
Parse and visualize X-RateLimit headers from raw HTTP API responses. Paste response headers to instantly see your quota state — limit, remaining, used, and reset time — displayed as color-coded progress meters. Supports GitHub, OpenAI, Twitter/X, Shopify, and IETF standard rate limit headers.
Use Tool →Share Your Feedback
Help us improve this tool by sharing your experience