The visual workspace for WPGraphQL

Build WPGraphQL Queries Visually.
Ship Headless WordPress Faster.

Generate, preview, save, and export production-ready WPGraphQL queries without manually writing GraphQL code.

Get Started FreeView Demo Video
localhost:3000/wp-admin/toolkit
WP GraphQL Toolkit dashboard

A better workflow

Stop writing the same GraphQL queries again and again.

Manual query building is error-prone and time-consuming. Stop context-switching between GraphiQL and your IDE just to find one field ID.

  • No more schema guessing games
  • No more syntax errors in production
  • No more messy query documentation
WITH TOOLKIT

Select fields, see live previews, and export with one click.

getPosts(first: 10) { ... } OK
WITHOUT TOOLKIT

Wrestle with nested fragments and accidental circular dependencies.

query { nodes { id ... } }

Everything in one place

Master WPGraphQL without the busywork.

{ }

Visual Query Builder

Point and click to build complex queries. We handle nesting and fragments for you.

T

Prebuilt Templates

Start from battle-tested query patterns for posts, pages, and custom post types.

S

Schema Explorer

Browse your entire WordPress schema without leaving the toolkit interface.

>

GraphQL Playground

Test your queries instantly with live WordPress data to verify results.

Q

Saved Queries

Organize and store your most-used queries in custom folders for team sharing.

EX

Export Center

Export to JavaScript, TypeScript, or direct Apollo and Relay fragments.

localhost:3000/wp-admin/toolkit
Visual query builder interface

Visual builder

Building queries should not require a map.

Explore your schema in a clean hierarchy. Select what you need and watch the optimized query generate in real time.

localhost:3000/wp-admin/toolkit
WPGraphQL schema explorer

Schema explorer

A developer-first view of your WordPress data.

Browse ACF fields, WooCommerce products, and custom post types with intelligent tooltips and type definitions.

Simple by design

From idea to production in seconds.

1

Choose Template

Start from a blank query or a curated base.

2

Select Fields

Check boxes for the data you need.

3

Generate

Optimized GraphQL is created instantly.

4

Preview

Verify the output with live data.

5

Export

Paste into your Next.js or Nuxt app.

Seamless end-to-end workflow

WordPress->WPGraphQL->WP GraphQL Toolkit->Next.js / Remix

Free while we build

Explore the toolkit at no cost.

Free

$0 while in development

  • + Visual Query Builder
  • + Full Schema Explorer
  • + Basic Code Export
  • + Standard Templates
Download Plugin

FAQ

Developer questions.

Does this support custom ACF fields?+

Absolutely. If fields are exposed to WPGraphQL, Toolkit detects them, parses their types, and lets you build queries for them visually.

Is the code exported production-ready?+

Yes. Export standard GraphQL syntax to .graphql files or string templates for Apollo, Relay, and native fetch requests.

Does it work with multisite?+

Yes. WP GraphQL Toolkit is compatible with WordPress Multisite installations, so you can manage queries across your network.

Build with confidence

Build headless WordPress projects faster.

Join developers who have reclaimed their time by ditching manual query writing.

Get Started FreeDocumentation