onlinejsontools logo

Json editor

World's simplest json tool

Free online web-based JSON editor. Just load your JSON and you can immediately start editing it in your browser. There are no ads, popups or nonsense, just an awesome JSON editor. Load JSON, edit JSON. Created by developers for developers.
JSON Editor/Viewer Options
Make it easy to see where tabs and newlines are.
Show the line number before each line.
Make it easy to spot where the corresponding opening or closing bracket is.
Change the background color of currently selected line.
Json editor tool What is a json editor?
This tool lets you view your JSON (JavaScript Object Notation) files and edit them in your browser. It offers a neat interface that adds color codes to various parts of JSON syntax. It displays error if finds any and tells you where they are so you can quickly identify and fix them. It also offers several useful features such as showing special characters, showing line numbers, showing matching brackets, and changing background color of the current line that you're editing.
Json editor examples Click to use
Well-formed JSON Example
This is an example of a well-formed JSON that you can load in the JSON editor and play around.
[ "foo", "bar", "baz", { "server" : "online", "paid" : false } ]
Ill-formed JSON Example
This example has a JSON data structure that has an error. When you load it in JSON editor, it will show exactly where the error is. Try to fix it and the error message will go away.
[ true, "1x", false, [ { "asdf" : 444 }, [ 1, 2, 3 ], { 'linux' : "great" } ] ]
Pro tips Master online json tools
You can pass input to this tool via ?input query argument and it will automatically compute output. Here's how to type it in your browser's address bar. Click to try!
All json tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly color code the syntax of a JSON file.
Quickly beautify a JSON data structure.
Quickly compress a JSON file.
Quickly check JSON for errors and report them.
Quickly escape special JSON characters.
Quickly unescape an escaped JSON string.
Quickly convert a JSON data structure to an XML file.
Quickly convert an XML file to a JSON data structure.
Quickly convert a JSON data structure to a YAML file.
Quickly convert YAML markup to a JSON data structure.
Quickly convert a JSON file to a TSV file.
Quickly convert TSV data to a JSON file.
Quickly convert a JSON document to a CSV document.
Quickly convert a CSV document to a JSON document.
Quickly encode JSON to base64.
Quickly decode base64 to JSON.
Quickly convert JSON to URL-encoding.
Quickly convert URL-escaped JSON back to JSON.
Quickly convert JSON data to plain text.
Quickly edit a JSON file in a neat JSON editor in your web browser.
Coming soon These json tools are on the way
Display JSON Statistics
Display detailed information about a JSON data structure.
Flatten JSON
Loop over JSON structure and extract all values as a list.
Convert JSON to a HTML
Create a HTML table from JSON object keys and values.
Convert JSON to a LaTeX Table
Generate a LaTeX table from a JSON object.
Compare Two JSON Files
Diff JSON files and show differences visually.