Chrome Extension · v2.2

A JSON workbench in your browser.

A DevTools panel lists JSON network responses as they arrive — click one to format it, convert it to TypeScript, Zod, Go, Rust or SQL, scan it for secrets, or diff two responses. A persistent side panel and a toolbar popup give you the same workbench — tree view, JSONPath queries, syntax-highlighted output — on any payload. Everything runs in your browser; nothing is uploaded.

🛰️
DevTools JSON panel
The PayloadIQ tab lists every JSON network response (request or response body) live — format, convert, scan, copy as cURL, or diff two responses, with a tree view and keyboard nav.
🪟
Side panel workbench
A persistent panel that stays open as you browse: paste or load JSON, explore it as a tree, run JSONPath queries, and convert — all with room to work.
⚡
Convert any payload
Turn a response or pasted JSON into TypeScript, Zod, Go, Rust, Kotlin, Prisma, SQL, JSON Schema, GraphQL, YAML, CSV or a fetch() call — locally.
🛡️
Secret scanner
Spot leaked credentials and PII (JWTs, AWS/Stripe/GitHub keys, private keys) in any payload before they end up in a log or a prompt.
🧩
Popup workbench
Format, validate, query, convert, decode a JWT/Base64 or scan — with a Code/Tree toggle and syntax-highlighted output — auto-loading JSON from the page.
🌿
Developer wellness coach
Gentle, local reminders to protect your eyes (the 20-20-20 rule), move and hydrate, plus a configurable focus timer — with quiet hours, snooze and idle-pause. A healthier way to ship.
🔒
Nothing uploaded
Every conversion, query, decode and scan runs in your browser. The only network action is opening payloadiq.dev when you ask.

Chrome Extension — Download & Install

Download the ZIP, then load it unpacked in Chrome. Webpages cannot auto-install extensions — this is a Chrome security requirement.

Downloading in 30…↓

Manual download link if the countdown does not start automatically.

Prefer your editor? The PayloadIQ VS Code Extension (beta) sends selected JSON to the playground and generates TypeScript/Zod without leaving VS Code.

Installation Steps

  1. 1Download the ZIP file using the button above and unzip it.
  2. 2Open Chrome and navigate to chrome://extensions
  3. 3Enable "Developer mode" using the toggle in the top-right corner.
  4. 4Click "Load unpacked" and select the unzipped extension folder.
  5. 5Open DevTools (F12) on any page and switch to the PayloadIQ panel to inspect JSON responses.
  6. 6Right-click the toolbar icon → “Open PayloadIQ side panel” for a workbench that stays open as you browse.

Bookmarklet fallback — no install

Prefer not to install anything? Drag the button below to your bookmarks bar, then click it on any page with JSON to open it in PayloadIQ. Works in any browser. The payload is encoded in the URL hash and never sent to a server.

PayloadIQ — drag to bookmarks bar

Tip: if your bookmarks bar is hidden, press Ctrl+Shift+B (Chrome) to show it, then drag. Or use Copy bookmarklet and paste it as the URL of a new bookmark.

View bookmarklet source
javascript:void((function(){var B='https://payloadiq.dev/app';var s=window.getSelection?window.getSelection().toString().trim():'';var p;if(s){p={version:1,source:'bookmarklet',input:s};}else{var t=(document.querySelector('pre')||document.body).innerText.trim();try{JSON.parse(t);p={version:1,source:'bookmarklet',input:t};}catch(e){alert('Select JSON first.');return;}}window.open(B+'#piq='+btoa(unescape(encodeURIComponent(JSON.stringify(p)))).replace(/\+/g,'-').replace(/\//g,'_').replace(/=+$/,''),'_blank');})())