GraphQL request

GraphQL Request Formatter

In DevTools a GraphQL call is one JSON body with the whole query squeezed into an escaped string. Paste it here to read the query with proper indents and the variables as JSON, see which required variables are missing, and turn a query back into a request to send.

How do I use the GraphQL request?

1. Copy the request payload from DevTools (or a log, a HAR or an address with ?query=) and paste it.
2. Read the formatted query and the variables; any missing required variable is listed.
3. To send one, switch to Query and variables → request and pick a JSON body, a GET address or a cURL command.

What does the GraphQL request do?

• Formats queries, mutations, subscriptions and fragments
• Batched requests (a list of bodies) and GET addresses
• Missing required variables and ones the query doesn't declare
• Builds the POST body, the GET address or a cURL command
• operationName for documents with several operations
• Chain steps for the query and the variables

Frequently asked questions

Does it send the request?

No. It only reads and writes requests; use the cURL command or your client to send one.

Is my data uploaded?

No. Bracely runs entirely in your browser, so nothing you paste or open leaves your device.

More JSON tools

Bracely has more than 65 JSON tools in one page. Related ones:

• MessagePack ⇄ JSON
• Parquet viewer
• Avro viewer
• JSON to YAML
• JSON to CSV
• JSON to XML
• JSON to Excel
• YAML to JSON
• CSV to JSON
• XML to JSON
• JSON to TOML
• TOML to JSON
• JSON Lines / NDJSON
• JSON5 / JSONC to JSON
• JSON to TypeScript
• JSON Schema Generator
• JSON pipeline
• JS macro
• JSON Formatter
• JSON Validator
• JSON Viewer
• JSON Repair
• JSON Diff
• jq Playground

Runs entirely in your browser. Nothing you paste is uploaded. Made by Saurabh Pagrut. About · Privacy policy
Last updated 21 October 2026 · Version 4.1 · Changelog
Saurabh Pagrut on GitHub · LinkedIn · X · YouTube · Instagram