TF

Developer Tools

JSON Editor

Edit, format, repair, query, compare, and explore JSON in text, tree, and table modes.

Runs locally in your browser — your input is not uploaded.

JSON files only (.json) — drag and drop supported
Edit JSON locally — format, repair, query, compare, and explore.
Valid421 bytes12 linesdepth 619 keys6 objects4 arrays

How to use

  1. Paste JSON, drop a .json file, or click Sample to load a demo document.
  2. Switch between Text, Tree, Table, and Compare modes as needed.
  3. Use Format, Smart format, Minify, Repair, Validate, Sort keys, or Flatten from the toolbar.
  4. Query with paths like $.store.books[*].title or filters like [?(@.price>30)].
  5. Search keys and values, then Copy or Download when you are done.

About this tool

JSON Editor Online-style workflows are essential for API debugging, config cleanup, and data exploration. ToolForge’s JSON Editor goes further with smart compact formatting, structural stats, interactive tree editing, table views for arrays of objects, and a built-in deep comparer.

Repair mode fixes common real-world issues: trailing commas, single quotes, unquoted keys, comments, and Python-style None/True/False literals.

Queries use a practical JSONPath-inspired language: $, .key, [n], [*], ..key recursive descent, and simple [?(@.field op value)] filters.

All processing happens in your browser. Nothing is uploaded to ToolForge servers.

Examples

Query nested titles

Path $.store.books[*].title against the sample document.

$.store.books[*].title
[
  "Clean Code",
  "Designing Data-Intensive Applications",
  "The Pragmatic Programmer"
]

Repair messy JSON

{name: 'Ada', year: 1815,}
{
  "name": "Ada",
  "year": 1815
}

FAQ

Is my JSON uploaded?

No. Editing, formatting, repair, query, compare, and search all run entirely in your browser.

How is this different from the JSON Formatter?

The formatter focuses on pretty-print / minify / validate. The JSON Editor adds tree and table modes, repair, query, compare, search, flatten, stats, and interactive editing.

What query syntax is supported?

A JSONPath-style subset: $, .property, ["property"], [index], [*], ..property, and [?(@.field>10)] filters with == != > >= < <=.

Can I compare two JSON documents?

Yes. Open Compare mode, paste left and right documents, and click Compare to see added, removed, and changed paths.

Related tools

Want more power later?

Premium tools, higher limits, and API access are on the roadmap. V1 stays free and private in your browser.