GraphQL Query Builder
Tick the fields you need, set your arguments, and get a clean, formatted GraphQL query string instantly. Nothing leaves your browser.
Presets
Sample schema
type Query {
products(first: Int, search: String): [Product]
user(id: ID!): User
}
type Mutation {
createProduct(name: String!, price: Float!): Product
updateUser(id: ID!, email: String): User
}
type Product { id: ID, name: String, price: Float }
type User { id: ID, name: String, email: String, orders: [Order] }
type Order { id: ID, total: Float, items: [String] }
1. Operation
Root field
2. Arguments
Only filled arguments are added to the query. Arguments that do not apply to the chosen root field are ignored.
3. Fields
Product fields
User fields
Order sub-fields
Generated query
How to use this builder
- Pick the operation type and a root field, then tick the fields you want returned.
- Fill only the arguments you need; empty ones are left out of the query automatically.
- Use the presets to start from a working example, then adjust it to your needs.
- The schema shown here is a sample. Adapt field names to your own GraphQL API before sending.