GraphQL Builder

GraphQL Query Builder

Build a clean GraphQL request visually. Define variables, pick returned fields, preview the final query, and copy the JSON body or cURL command instantly.

Operation setup

Start with the endpoint, operation name, and root field.

Variables

Define variable names, types, and sample values.

Return fields

Choose which fields the query should request.

Live preview
query GetUserProfile($id: ID!) {
  user(id: $id) {
    id
    name
    email
  }
}

Request body JSON

Ready to send to a GraphQL endpoint.

{
  "operationName": "GetUserProfile",
  "query": "query GetUserProfile($id: ID!) {\n  user(id: $id) {\n    id\n    name\n    email\n  }\n}",
  "variables": {
    "id": "usr_123"
  }
}

Copy-ready cURL

curl -X POST \
  'https://api.example.com/graphql' \
  -H 'Content-Type: application/json' \
  -d '{"operationName":"GetUserProfile","query":"query GetUserProfile($id: ID!) {\n  user(id: $id) {\n    id\n    name\n    email\n  }\n}","variables":{"id":"usr_123"}}'

What this tool does

This GraphQL Query Builder helps you assemble common GraphQL request payloads without hand-writing the full body every time. It is useful for API testing, frontend integration, documentation examples, and quick prototype work.

  • Build a query or mutation with variable definitions.
  • Select only the fields you need in the response.
  • Generate the exact JSON payload expected by most GraphQL servers.
  • Copy a starter cURL command for fast testing.