Does it fix broken queries?

It only does visual formatting. It does not fix syntax errors, but makes them much easier to spot.

GraphQL Formatter

Instantly beautify and make readable ugly GraphQL queries copied from logs or the network tab during development.

Query Input

Formatted Code

Format your query

Variables

Reference

queryRead data

mutationWrite data

subscriptionReal-time

fragmentFragments

About

It applies proper indentation, bracket alignment, and removes unnecessary whitespace with a single click.

How to use

1. Paste the unformatted GraphQL code.
2. Click the format button.
3. Copy the cleaned code.

Frequently Asked Questions

Does it fix broken queries?: It only does visual formatting. It does not fix syntax errors, but makes them much easier to spot.

Other tools

DNS Lookup IP Lookup WHOIS Lookup cURL Converter XML Formatter Nginx Config JWT Decoder Image to Base64 JSON ↔ CSV JSON Formatter

Embed this tool

Copy the code below and paste it into your site's HTML to embed this tool for free. The snippet includes an attribution link back to the source.

<iframe src="https://tooldict.com/embed/en/graphql-formatter" title="GraphQL Formatter" width="100%" height="600" style="border:1px solid #e2e8f0;border-radius:16px;max-width:680px" loading="lazy"></iframe>
<p style="font:13px/1.5 sans-serif">Powered by <a href="https://tooldict.com/en/graphql-formatter" target="_blank" rel="noopener">GraphQL Formatter</a> — Tooldict</p>