GraphQL Formatter
Beautify and clean GraphQL queries, mutations, subscriptions, fragments, and SDL schema definitions.
Fast & Private GraphQL Beautifier
Clean up messy, single-line, or poorly indented GraphQL requests. Powered by official Prettier GraphQL AST rules, our formatter properly structures field selections, argument lists, directives, inline fragments, and Schema Definition Language (SDL) types.
- Complete Spec Support: Queries, Mutations, Subscriptions, Fragments, Directives (
@include,@skip), and full SDL schemas. - 100% Client-Side: Your API queries, tokens, and GraphQL schemas never leave your device.
- Syntax Highlighting: Monaco editor provides syntax coloring and token highlighting.
- Mobile First: Effortlessly switch between Input and Output tabs on smartphones and tablets.
How to Beautify GraphQL
Format your GraphQL operations in 3 steps:
- Paste Query: Insert your raw GraphQL query or schema into the editor.
- Beautify: Click the Beautify button to normalize spacing and indentation.
- Copy or Download: Copy the clean operation or download it as a
.graphqlfile.
You might also like
Frequently Asked Questions
No, your GraphQL operations and schemas are processed locally on your device. Zero data is transmitted to external servers.
It supports Queries, Mutations, Subscriptions, Fragments, Directives (@include, @skip), variable declarations, and Schema Definition Language (SDL) types.
Yes! The GraphQL AST parser and Monaco editor cache automatically for offline use once the page loads.