GraphQL Formatter & Beautifier - Format Queries

Format and beautify GraphQL queries, mutations, and schemas online. Validate syntax, customize indentation. Browser-based, no uploads, completely private.

Indentation:

Minify

GraphQL Input

Formatted Output

Copied to clipboard

GraphQL Minifier - Compress Queries Onli…

View all Graphql formatters →

Frequently Asked Questions

GraphQL formatting transforms compact or messy GraphQL queries, mutations, and schemas into clean, readable code with proper indentation, line breaks, and spacing. This makes complex queries with nested fields easier to understand and debug.

This formatter supports queries, mutations, subscriptions, fragments, inline fragments, variables, directives, type definitions, schema definitions, and all standard GraphQL syntax including aliases and arguments.

Yes. The formatter handles complete schema definitions including type declarations, interfaces, unions, enums, input types, and schema directives with proper indentation for nested structures.

Absolutely. All formatting happens entirely in your browser using JavaScript. No queries or schemas are uploaded to any server, ensuring complete privacy for your API structure and data.

Choose between 2 spaces, 4 spaces, or tab indentation to match your project's coding standards. The formatter applies consistent indentation throughout nested fields and type definitions.

Yes. In addition to beautifying, you can minify queries to remove all unnecessary whitespace and comments, reducing payload size for production API requests.

Yes. The formatter validates your GraphQL syntax and displays clear error messages if it encounters invalid syntax like mismatched braces, invalid field names, or incorrect directive usage.

GraphQL comments (starting with #) are preserved in formatted output by default. When minifying, comments are removed to reduce query size.

Yes. Queries with variable declarations are fully supported. Variables, their types, and default values are formatted with proper alignment and indentation.

Both named fragments and inline fragments (using ...on Type syntax) are properly formatted. Fragment definitions are indented consistently, and fragment spreads are clearly visible in the query structure.

Related Tools