Beautify GraphQL Online — Free GQL Formatter

Beautify GraphQL schemas and queries instantly with Prettier — browser-only.

Loading…
GraphQL Beautification
Beautify GraphQL online.

Features

Standard indentation for queries and SDL.

Beautify GraphQL

Standard indentation for queries and SDL.

Basic example

GraphQL source

query GetOrder($id: ID!) { order(id: $id) { id status customer { name email } lineItems { sku quantity price } } } fragment LineItemFields on LineItem { sku quantity }

Beautified GraphQL

query GetOrder($id: ID!) { order(id: $id) { id status customer { name email } lineItems { sku quantity price } } } fragment LineItemFields on LineItem { sku quantity }

Formatting options

Print width
Wrap lines at 80, 100 or 120 columns.

JavaScript-specific options (semi, quotes, trailing comma) do not apply to this language.

Prettier-powered formatting

Formats queries, mutations and schema definitions. Browse all tools in the developer tools hub.

FAQ — Beautify GraphQL

Beautification

Schema vs query?

Both GraphQL query documents and SDL type definitions are supported.

Invalid syntax?

Syntax errors show a clear message with line hints — fix and retry.

How do I validate GraphQL schema SDL?

Formatting is here (Prettier). For schema SDL validation via buildSchema, use Validate GraphQL in the API tools cluster.

Looking for converters, encoders, formatters, and minifiers in one place? Developer tools hub Open the curated developer tools catalogue.

Other actions for this language

Beautify GraphQL

Beautify

Minify

Unminify

Conversion

JSON

YAML

XML

CSV

TOML

TSV

SQL

HTML

Markdown

Properties

INI

JSON Tools

SVG Tools

DevOps & Infra

CI/CD

Logs & observability

Kubernetes

Networking / IP

Security & tokens

API & schemas

Encoding

Developer utilities

Serialization