What is this JSON editor?
An online JSON editor is a workspace for changing JSON, not just cleaning it up. Paste text or open a .json file, edit it in the Document pane, and watch the result update live beside it. Beyond one-click format, minify, and validate, you can switch the output to an interactive tree to expand, collapse, and search a big document, copy the exact path to any value, or run a JSONPath expression to isolate the parts you care about. It all happens locally, so configs and payloads with secrets stay on your machine.
Navigate and edit large documents
When a file is too big to eyeball, the Tree view is the fastest way to work: expand and collapse nodes, search for a key or value, and click any node to copy its path, useful for wiring up code or seeding a JSONPath. Multi-megabyte documents parse in a background Web Worker, so editing never stutters. Jump to the Querytab to test a JSONPath expression and see the matches update as you type, then switch back to the raw document to make your edit.
How to use
- Paste JSON, or open a
.jsonfile with the file button in the Document pane. - Edit in place. The output pane mirrors your changes as you type.
- Use Format to tidy up, Minify to compact, or Validate for a strict RFC 8259 check with the exact error location.
- Switch the output to Tree to expand, search, and copy any node's path, or to Query to filter with JSONPath.
- Copy the finished JSON out. Your document is never uploaded.
JSON editor vs. formatter vs. viewer
These share one engine but suit different jobs. Reach for theJSON Formatter when you only need to pretty-print, minify, or validate a blob and copy it back. Use this editor when you're iterating inside the document: editing, navigating, and finding values. If you just want a read-only, collapsible view of a payload, the JSON Viewer is lighter; to compare two versions, use JSON Compare.
Examples
Edit a value in place
{ "env": "dev", "port": 3000 }{ "env": "prod", "port": 8080 }Copy the path to a nested value (Tree)
{ "owner": { "roles": ["admin", "editor"] } }click "editor" → copies $.owner.roles[1]
Catch a mistake while editing
{
"a": 1,
"b":
}Line 3, col 7: Unexpected token '}', expected a value
FAQ
How do I edit JSON online?
Paste or type JSON into the Document pane and change it in place. The output beside it mirrors every edit live, so you can tweak a value, restructure an object, or fix a broken payload and immediately see the result, all in your browser, nothing uploaded.
Can I open and edit a .json file?
Yes. Use the file button in the Document pane to open a .json file from your computer, edit it, then copy the result back out. The file is read locally and never leaves your machine.
How do I find a value or copy its path?
Switch the output to the Tree view to expand, collapse, and search a document, and click any node to copy its path, handy for referencing a field in code or building a JSONPath. The Query tab evaluates a JSONPath expression against the current document and shows matches live.
Editor or formatter: which should I use?
They run the same engine; the difference is intent. Use the JSON Formatter for a one-shot pretty-print, minify, or validate. Use the editor when you're working in the document: making changes, navigating structure, and finding values as you go.
Can it handle large JSON files?
Yes. Multi-megabyte documents parse in a background Web Worker so typing stays responsive, and the Tree view lets you collapse and search instead of scrolling through thousands of lines.
Is this JSON editor free and private?
Completely free and 100% client-side. Open DevTools → Network and confirm: zero requests after the page loads. Nothing is stored or transmitted.