Does the GraphQL query builder upload my schema?

No. The schema is parsed in a Web Worker in your browser and never leaves your device.

Can I use an introspection result instead of an SDL file?

Yes. Paste either SDL or the raw introspection-result JSON - the builder accepts both.

GraphQL Query Builder — Free Online GraphQL Query Builder

How to build a GraphQL query without an account or a live endpoint?

Use AnyTool GraphQL Query Builder: paste your SDL schema or introspection-result JSON, then click fields in the checkbox explorer to assemble a query, mutation, or subscription. The operation and variables print live, and you can copy or export to fetch, curl, Apollo, or urql. Everything runs 100% in your browser - no upload.

Paste SDL or introspection JSON - no live endpoint required
Point-and-click field explorer with typed $variables and directives
Export to query, fetch(), curl, Apollo, or urql snippets
100% in your browser - no upload, no signup, works offline

What is

GraphQL Query Builder

A visual tool that turns a GraphQL schema into a point-and-click field explorer, generating valid query, mutation, or subscription documents with typed variables instead of writing them by hand.

Developer Tools

Related terms

GraphQL SDLSchema IntrospectionGraphQL VariablesGraphQL Fragments

Frequently Asked Questions

No. AnyTool builds your GraphQL schema entirely client-side using graphql-js inside a Web Worker. Your SDL, introspection JSON, and the queries you build are never uploaded to any server and the tool works offline.

Yes. Paste a GraphQL SDL document or the raw introspection-result JSON, the exact output of the standard introspection query. AnyTool reads both, which most free builders do not, so you do not need a live endpoint or CORS access to start building.

No, not as a guaranteed feature. Browsers block cross-origin GraphQL requests unless the server sends CORS headers, so AnyTool focuses on building the operation and generating fetch, curl, Apollo, and urql code. An opt-in best-effort runner is provided for same-origin or CORS-enabled endpoints only.

Not reliably - browser CORS blocks most cross-origin requests, so it focuses on build and copy.

Click a field to select it, open its arguments panel, and either type a literal value or toggle the $var button. Promoting an argument generates a typed entry in the operation header and a matching variables JSON skeleton you can edit.

Select a field, open its args panel, set a value or toggle $var to promote it to a typed variable.

Detailed Explanation

Technical Details

Visual GraphQL Operation Building from a Schema

AnyTool GraphQL Query Builder parses a GraphQL schema and exposes its root types in a recursive checkbox-and-arrow explorer. Selecting fields, descending into nested objects, setting arguments, and toggling directives mutates an in-memory operation that is printed live as canonical GraphQL using graphql-js print(), so the generated query, mutation, or subscription is always syntactically valid.

Built on the graphql-js reference implementation (buildSchema and buildClientSchema)
Supports query, mutation, and subscription root types
Arguments can be promoted to typed $variables with a generated variables JSON skeleton
Supports aliases, @include/@skip directives, and inline fragments on interfaces and unions

Methodology

SDL and Introspection JSON Input

The builder accepts two schema formats: a GraphQL SDL document or the raw introspection-result JSON produced by the standard introspection query. It detects the source, reports parse errors inline, and a copy button supplies the introspection query so users can run it once against their endpoint and paste the result back. This removes the need for a live endpoint or CORS access during building.

Accepts both SDL and introspection-result JSON, which most free builders do not
Schema is parsed in a Web Worker to keep the UI responsive on large schemas
Inline parse-error reporting and an auto-detected source badge

Privacy & Security

Privacy and the Client-Side Execution Limit

Because the schema and every selection are processed entirely in the browser, nothing is uploaded to a server and the tool works offline as a privacy-first developer utility. The honest trade-off is live execution: browsers block cross-origin GraphQL requests unless the server returns CORS headers, so AnyTool centers on build-and-copy plus code generation rather than a guaranteed query runner. An opt-in best-effort runner is provided for same-origin or CORS-enabled endpoints only.

No upload, no signup, no runtime CDN - works offline
Live execution against arbitrary endpoints is blocked by browser CORS
Output is build-and-copy plus fetch, curl, Apollo, and urql code-gen

AnyTool GraphQL Query Builder vs typical online alternatives
Capability	AnyTool	Typical alternative
Privacy / no upload	Yes - 100% client-side	Often server-side or endpoint-tied
Price / signup	Free, no signup	Freemium, account, or install
SDL and introspection JSON	Both accepted	Usually SDL only or live URL only
Schema relationship graph	Built in (Voyager-style)	Builder or visualizer, rarely both
Code-gen targets	Query, fetch, curl, Apollo, urql	Raw query only, if any
Live query execution	Best-effort, CORS-limited	Server proxy enables it

Live execution is the one thing pure client-side tools cannot guarantee; AnyTool trades it for privacy and zero setup.