A browser extension (for both Chrome & Firefox) that gives you a full GraphiQL IDE in a new tab. Click the extension icon to manage your GraphQL endpoint profiles, then open any profile to get an interactive GraphiQL session. Includes the GraphQL Explorer plugin that can help you generate queries by navigating the schema, as well as a custom plugin that allows you to save queries for reuse in the future.
This extension also includes a Developer Tools panel that monitors GraphQL network requests and allows you to inspect them (very much inspired by the GraphQL Network Inspector extension). It supports both traditional POST- and GET-style requests, as well as Batched requests.
- Node.js v24.13.0
- pnpm v10.32.1 — after installing Node.js, enable pnpm via Corepack:
corepack enable
If you use asdf or mise, you can use them to activate the necessary tools.
pnpm installpnpm dev # Start dev server (Chrome)
pnpm dev:firefox # Start dev server (Firefox)pnpm build # Production build (Chrome)
pnpm build:firefox # Production build (Firefox)
pnpm zip # Package for Chrome
pnpm zip:firefox # Package for Firefoxpnpm test # Type-check and run unit tests
pnpm test:coverage # Run unit tests with coverage
pnpm test:e2e # Build extension and run Playwright e2e testsMIT