GraphQL Formatter
Format and indent GraphQL queries into clean, readable syntax, live as you type.
Formatted with Prettier, live as you type, entirely in your browser. Nothing you type is sent anywhere.
What is GraphQL Formatter?
Paste a compressed or messily-formatted GraphQL query and get it reformatted with consistent indentation instantly, powered by Prettier's GraphQL parser. Useful for cleaning up a query copied from a network tab, an API doc, or a teammate's Slack message before you read or edit it. Formatting runs entirely in your browser via Prettier's standalone build, so the query text is never sent to a server just to be reformatted.
FAQ
No — this only formats the query's syntax; it doesn't check field names or types against any GraphQL schema.
Yes — anything valid as GraphQL syntax (queries, mutations, subscriptions, fragments) formats the same way.
No — formatting happens entirely client-side using Prettier's GraphQL parser running in your browser.