GraphiQL 5 Brings VSCode-Level Editing with Monaco Editor

GraphQLDeveloper Tools

GraphiQL 5 Released; Press F1!

GraphiQL 5, announced by the GraphQL Foundation on July 17, 2025, now ships with the Monaco Editor—the same engine behind Visual Studio Code—offering intelligent autocompletion, hover tooltips, go-to-definition, and command palette (F1) support out of the box, all running in Web Workers for a smooth UI under heavy language features. (graphql.org)

Beyond the editor overhaul, GraphiQL 5 adds support for comments in the Variables and Headers editors using JSONC. Comments are automatically stripped before execution, preserving readability without affecting payloads—finally resolving a six-year-old request. (graphql.org)

This release drops UMD builds in favor of ESM-only distributions and updates official examples to Vite and Next.js App Router, retiring outdated Create React App and Parcel integrations. A new plugin API allows developers to fully customize or remove default panels like Docs Explorer and History, enabling leaner, tailored IDE experiences. (graphql.org)

Link: https://graphql.org/blog/2025-07-17-graphiql-5/

Read Next