A browser extension for Chrome and Firefox that puts a full GraphiQL IDE at your fingertips — no server setup, no hosted playground, just open a new tab and start querying.
GraphiQL IDE: Create endpoint profiles with custom headers, then launch any profile into an interactive GraphiQL session powered by the Monaco editor. Browse the schema with the built-in Explorer plugin to discover types and fields, compose queries visually, and save the ones you want to keep with the Saved Queries plugin so you're not rewriting the same request next sprint.
DevTools Network Inspector: A dedicated Developer Tools panel captures GraphQL traffic in real time. Inspect operation names, headers, request bodies, and responses at a glance in a resizable grid. Supports POST, GET, and batched requests, with operation-type filtering and one-click copy-as-cURL for quick reproduction outside the browser.
No ads. No telemetry. No catch.: GraphiTab collects zero data about you or your usage, contains no advertisements or donation prompts, and is completely open source under the MIT license.
- 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