jsonproductivityshortcutstoolsworkflow

JSONKit Keyboard Shortcuts and Power User Tips

·8 min read·Tool Guides

Complete Keyboard Shortcut Reference

JSONKit is designed so your hands stay on the keyboard. Every critical action has a shortcut:

Shortcut (Windows/Linux)Shortcut (Mac)Action
Ctrl + EnterCmd + EnterFormat / beautify JSON
Ctrl + KCmd + KOpen Command Palette
Ctrl + ACmd + ASelect all input text
Ctrl + ZCmd + ZUndo last edit
Ctrl + Shift + ZCmd + Shift + ZRedo
Ctrl + CCmd + CCopy selected text
EscapeEscapeClose modal or overlay
TabTabMove focus between toolbar buttons
Shift + TabShift + TabMove focus backwards
Enter (on a button)EnterActivate focused button

The Command Palette — Your Fastest Navigation

Press Ctrl + K (Cmd + K on Mac) anywhere on the site to open the Command Palette. Type any tool name, action, or keyword and the palette filters all 47+ tools in real time. Press Enter to jump immediately — no mouse needed.

Useful searches to try: - yaml → JSON to YAML converter and YAML to JSON - schema → JSON Schema Validator and Schema Generator - diff → JSON Diff tool - jwt → JWT Decoder - flatten → JSON Flatten / Unflatten - typescript → JSON to TypeScript interface generator - zod → JSON to Zod schema generator - sql → JSON to SQL and CSV to SQL

The Command Palette is faster than scrolling the navigation bar or remembering tool URLs. Muscle memory builds quickly after a few uses.

File Upload and Drag-and-Drop

Click the Upload button or drag any .json or .txt file directly from your file manager onto the input panel. No button press required — the file loads and validation runs immediately.

JSONKit handles files of any size — there is no hard limit. Files up to several megabytes work without slowdown because all processing runs in your browser using native JavaScript (V8 engine).

Supported drag sources: - Desktop file manager (Windows Explorer, macOS Finder, Nautilus) - VSCode Explorer panel — drag the file directly into the browser tab - Downloads folder after saving an API response

Paste from Any Developer Tool

The input panel accepts JSON from any clipboard source without extra steps:

  • Chrome DevTools Network tab — right-click any JSON response → Copy → Copy response body
  • Firefox DevTools — Network tab → click request → Response tab → Ctrl + A, Ctrl + C
  • Postman / Insomnia / Bruno — copy the response body directly from the response panel
  • curl output — pipe to clipboard: curl https://api.example.com/data | pbcopy (Mac) or clip (Windows)
  • pgAdmin / TablePlus / DBeaver — copy JSON column values directly
  • VSCode — select text or JSON document → Ctrl + C, switch to browser, Ctrl + V

JSONKit normalizes Windows line endings (CRLF → LF), handles UTF-8 multi-byte characters, and automatically parses escaped JSON strings.

Working with Large JSON Files

For files over 50 KB, use these techniques:

  1. Format first — validate the structure and add indentation so line/column errors are easy to locate
  2. Use Split view — scroll input and output panels independently at any zoom level
  3. Sort Keys — normalize key order before comparing sections
  4. Minify — see the compressed byte count after formatting to gauge actual payload size
  5. Use Ctrl + F in the output panel — your browser's native find-in-page searches the formatted output

For files over 1 MB: modern browsers (Chrome, Firefox, Edge) handle them without issue. For multi-MB files on older hardware, the initial parse may take 1–2 seconds, after which operations are instant.

Session Persistence

JSONKit automatically saves your JSON to browser localStorage on every keystroke. Close the tab mid-session, restart your computer, or let your laptop sleep — your JSON is exactly where you left it on the next visit.

The session persists: - Your last JSON input (per tool) - Your last operation (Format, Minify, Sort Keys) - Your indentation preference (2, 3, or 4 spaces) - Your view mode (Editor, Split, Output)

Nothing is sent to any server. Session data lives exclusively in your browser's localStorage and is cleared when you clear site data.

Copy vs Download — When to Use Each

Use Copy when: - Pasting results directly into a code editor (VSCode, IntelliJ, Sublime Text, Neovim) - Sharing JSON in Slack, Teams, Discord, or an email body - Inserting into an API testing tool (Postman, Bruno, Hoppscotch, Insomnia) - Running a follow-up operation on a different tool

Use Download when: - You want a permanent file on disk (saves as output.json) - Sending as a Jira attachment or email attachment - Committing the formatted JSON to a repository - Sharing with a team member via a file share

Chaining Operations Without Re-Pasting

All operations (Format, Sort Keys, Minify, Validate) read from your original input. You can apply multiple operations in sequence without re-pasting:

  1. Format → readable, indented JSON with validation
  2. Sort Keys → alphabetical key order across all nested levels
  3. Minify → single-line, production-ready output

Changing the indentation slider (2 → 4 spaces) re-formats from the original input, not the current output. This means switching indent levels never corrupts your data.

JWT Decoder Quick Paste

On the JWT Decoder, a dedicated Paste from Clipboard button reads your clipboard in one click — no need to focus the textarea first. If you just copied a Bearer token from your browser's Authorization header or Postman, one click decodes it immediately.

Power User: URL Loading

On any tool that accepts text input, you can paste an HTTPS URL directly into the input panel. JSONKit fetches the resource from your browser and loads the content automatically. Useful for:

  • Testing a live public API endpoint's response format
  • Validating a public JSON schema or dataset without downloading it first
  • Comparing before/after responses when API changes are staged

The fetch runs from your browser (not a JSONKit proxy), so the endpoint must allow CORS. Most public APIs with Access-Control-Allow-Origin: * work immediately.

VSCode Round-Trip Workflow

The fastest way to use JSONKit alongside your editor:

  1. Select JSON in VSCode → Ctrl + C
  2. Switch to browser → Alt + Tab (Win) or Cmd + Tab (Mac)
  3. Ctrl + K, type tool name, Enter
  4. Ctrl + V into input panel
  5. Ctrl + Enter to format
  6. Ctrl + ACtrl + C to copy formatted output
  7. Switch back to VSCode → Ctrl + V

Total time with muscle memory: under 10 seconds. The workflow is the same for any of the 47 tools.

Try JSON Formatter

Try the shortcuts yourself — open the formatter and start editing.