GraphQL Beautifier
The GraphQL Beautifier formats messy or minified GraphQL queries and schemas into clean, properly indented code. It handles queries, mutations, subscriptions, fragments, and type definitions with intelligent formatting that respects the GraphQL specification. A must-have for API developers working with GraphQL endpoints who need readable, well-structured schema definitions and operations.
Related Tools
Pretty-print or minify JavaScript code for better readability and performance. A secure, 100% client-side JS formatter with support for modern ES6+ syntax.
Format HTML with proper nesting, or minify by removing whitespace and comments. Free online tool for web developers.
Beautify CSS with custom indentation or minify stylesheets for production. Free online CSS formatter for developers.
Does it support schema definitions and type systems?
Yes, it formats type definitions, input types, enums, interfaces, union types, and directives in addition to queries, mutations, and subscriptions.
Can it handle fragments and complex operations?
Yes, named fragments, inline fragment spreads, and deeply nested selection sets are properly formatted with correct indentation levels throughout.
Does it work with Apollo, Relay, or urql syntax?
The beautifier works with standard GraphQL syntax as defined by the specification, which is used by all client libraries including Apollo, Relay, urql, and graphql-request.