WPGraphQL IDE
Explore your schema, build and debug queries, and ship headless WordPress faster — a schema-aware GraphQL client that lives right in wp-admin, with no external tooling to set up.
Free & open source · GPL-3.0 · Requires WPGraphQL
Open it however the task calls for — a focused workspace, a quick check without leaving the page, or a schema explorer you can share with your whole team.
A full-screen workspace under GraphQL → GraphQL IDE — room to spread out for deep query-building sessions and schema exploration.
Pull the IDE up from the admin bar on any wp-admin or front-end page to test a query without losing your place — no tab-switching, no context loss.
Turn your GraphQL endpoint into a shareable, schema-aware explorer. Anonymous visitors get a read-only schema browser; signed-in admins get the full editor — ideal for onboarding front-end developers.
Every feature is in service of a tighter loop between writing a query and trusting the data it returns.
Schema-aware autocomplete, hover-doc tooltips, and inline lint warnings show exactly what your schema supports — and Cmd-click any field or type to jump straight to its docs. No more guessing field names.
Request tracing, resolver-count badges, and built-in N+1 detection — alongside status code, duration, and size, with responses you can read as JSON or a table — surface slow or over-fetching queries before they reach production.
Dedicated variables and headers editors, each with their own autocomplete, reproduce authenticated and personalized requests — so what you build in the IDE matches what your front-end ships.
Multi-tab editing with auto-save, full keyboard control, and per-user execution history let you move across many documents — and re-run or recover past work — without ever losing your place.
The IDE works as a standalone GraphQL client out of the box. Add WPGraphQL Smart Cache and it's detected automatically — no configuration — lighting up the saved-document features.
Saved documents live in Smart Cache's graphql_document post type — one shared primitive for the whole WPGraphQL ecosystem. Without Smart Cache, the IDE simply hides the saved-document UI and keeps working as a fast, schema-aware client.
If you ship a WPGraphQL extension, the IDE is a surface for your tooling too. A first-class extension API lets your plugin's types, fields, and insights show up right where developers write queries — turning the IDE into the home for your feature, not just a place queries happen to run.
registerPreference, so your extension remembers state the way the IDE does.executeRequest / executeResponse filters and the wpgraphql-ide.afterExecute action to inspect, augment, or react to every request.New interface on @wordpress/components, @wordpress/data, and CodeMirror 6. The legacy GraphiQL wrapper is gone.
Saved documents now use Smart Cache's graphql_document post type — one canonical primitive for the ecosystem.
Dedicated admin page, slide-up drawer, and an opt-in public IDE at the GraphQL endpoint — each individually configurable.
Every UI string passes through @wordpress/i18n under the wpgraphql-ide text domain.
Open tabs and query history saved by the legacy GraphiQL UI migrate forward on first 5.0 load.
WPGraphQL IDE is a FREE open-source WordPress plugin. The code is on GitHub. Report bugs or request features through issues. For general questions, visit the WPGraphQL Discord.
Install from WordPress.org and open a schema-aware editor in wp-admin in seconds.