Browser Tools

JSON Formatter

Input

Output will appear here

Paste JSON — auto-formats. Drag edges to scale.

Documentation & FAQ

How it works (no scroll needed)

  1. Paste or drop .json left — auto-formats right in 200ms.
  2. Switch tabs: Formatted / Tree / Minified.
  3. Drag ↔ to see 200-char lines, ↕ to see 100 lines.
  4. Copy / Download — stays in your browser.
import { formatJson } from "@/tools/json/formatter";
formatJson(input, { indent: 2, sortKeys: true });

What is a JSON formatter?

Pretty-prints minified JSON via JSON.parse/stringify locally — highlighted + tree without upload.

Privacy

Files via File API, never uploaded, never in URLs or analytics. Works offline.

Frequently Asked Questions

Is my JSON uploaded anywhere?
No. All processing is local. We track only anonymous events like 'format_clicked' — never your content.
How do I see 200-char lines?
Drag the center divider ↔ to widen the right panel, or scroll horizontally — panels now support overflow-x.
How do I see 100 lines?
Drag the bottom handle ↕ to scale height from 320 to 900px. Both panels scale together.
Can I sort keys or use tabs?
Yes — toggle Sort and choose 2/4/Tab.