GraphQL Query Formatter

Raw Data

Formatted Result

What is GraphQL?

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It allows clients to request exactly the data they need and nothing more, making it possible to get all required data in a single request.

How to Use

Open the developer tools in your browser (F12 or Ctrl+Shift+I).
Navigate to the 'Network' tab.
After performing an action that requests data, find the 'graphql' request in the list.
Click on the request and copy the 'Request Payload' from the 'Payload' or 'Headers' tab.
Paste the copied content into the 'Raw Data' panel on the left to see the formatted result on the right.