$devtoolkit.sh/tools/graphql-query-builder

GraphQL Query Builder

Build GraphQL queries and mutations visually with live query string preview.

Operation

Variables

No variables yet.

Fields

Live preview

query MyQuery {
  id
  name
}

Related Tools

FAQ

Does this tool validate against a schema?
No. The builder generates syntactically correct GraphQL strings but does not validate field names or types against a specific schema. To validate against your schema, paste the generated query into your GraphQL IDE (like GraphiQL or Apollo Sandbox) or run it against your endpoint.
Can I add nested fields?
Yes. Use the "Add nested field" button under any field to create a sub-selection set. Nesting is unlimited, so you can model deeply nested GraphQL selections.
How do I add variables?
Use the Variables section to declare variable names and their GraphQL types (e.g., $id: ID!, $limit: Int). They are automatically added to the operation signature and can be referenced in argument values.

GraphQL Query Builder lets you compose a GraphQL operation interactively: choose operation type (query, mutation, subscription), set the operation name, add and nest fields, and declare variables with their types. A live preview panel updates the formatted GraphQL query string as you make changes. Copy the result with one click. Useful for learning GraphQL syntax, constructing one-off queries, or generating boilerplate before pasting into your code.

/tools/graphql-query-builderv1.0.0