Get the most out of DevToolsBox.

Everything you need to install, use, and trust the local-first developer toolkit.

Getting started

DevToolsBox is a Chrome extension that runs entirely in your browser. No account, no uploads, and no tracking.

  1. Install the extension from the Chrome Web Store.
  2. Click the DevToolsBox icon in your toolbar to open the popup.
  3. Pick a tool from the tabs: Formatter, Diff, Schema, or Tools.
  4. Paste or type your data. Output updates instantly.

Tool guides

JSON Formatter — beautify, minify, sort, escape, validate, and inspect JSON. Paste malformed JSON and see the error line.

JSON Diff — compare two payloads and see semantic changes with color-coded additions, changes, and removals.

Schema Validator — validate JSON against a schema or generate a starter schema from sample data.

JWT Decoder — inspect header and payload without sending your token anywhere.

Quick Utilities — Base64, URL encoding/decoding, timestamps, UUIDs, and hashes.

Privacy

All processing happens locally in your browser. Your JSON, JWTs, schemas, API responses, and text inputs never leave your machine. Read the full privacy policy.

Keyboard shortcuts

ShortcutAction
Ctrl/Cmd + EnterFormat or process current input
Ctrl/Cmd + Shift + CCopy output to clipboard
Ctrl/Cmd + .Toggle tool settings
EscClear current input