onlinejsontools logo

Json highlighter

World's simplest json tool

Free online JSON syntax highlighter. Just load your JSON and its syntax will automatically get color coded. There are no ads, popups or nonsense, just an awesome JSON highlighter. Load JSON, get its syntax hilighted. Created by developers for developers.
announcement heads up!
We just launched a new site — Online UTF8 Tools — utilities for working with UTF8 encoding. Check it out!
Highlighter Options
Draws tabs and newlines
Displays line numbers before each line
Highlights matching brackets if the cursor is near one
Highlights currently selected line
Json highlighter tool What is a json highlighter?
This tool hilites the syntax of JavaScript Object Notation (JSON) files. If you load JSON that has syntax errors, it will highlight the position of the error. You can also make it indicate invisible characters such as tabs and newlines, then toggle line numbers of JSON lines, then highlight matching brackets for easier visibility, and also highlight the current line so you can easier tell which line your cursor is on. It currently uses a dark theme but soon it will support more color syntax themes.
Json highlighter examples Click to use
Sample JSON structure
This is a JSON structure you can use as an example for syntax highlighting.
{ "string": "value", "number": 0.30004, "boolean": false, "array": [], "object": {} }
JSON structure with an error
This JSON structure has an error. The JSON syntax hilighter will find it and show where it is.
[ 1, 2, '3, 4 ]
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!
https://onlinejsontools.com/highlight-json?input=%7B%0A%20%20%20%20%22string%22%3A%20%20%22value%22%2C%0A%20%20%20%20%22number%22%3A%20%200.30004%2C%0A%20%20%20%20%22boolean%22%3A%20false%2C%0A%20%20%20%20%22array%22%3A%20%20%20%5B%5D%2C%0A%20%20%20%20%22object%22%3A%20%20%7B%7D%0A%7D
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 convert a JSON structure to binary JSON encoding.
Quickly convert a CSV document to a JSON document.
Quickly convert JSON to a PNG, GIF, JPG or BMP Image.
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.
Obfuscate JSON
Obfuscate a JSON data structure.
Stringify JSON
Convert a JavaScript value to a JSON string.
Parse JSON
Convert a JSON string to a JSON object.
Convert JSON to a HTML
Create a HTML table from JSON object keys and values.
Convert JSON to Bencode
Convert a JSON data structure to Bencode encoding.
Convert Bencode to JSON
Convert Bencode data to JSON data.
Convert JSON to BSON
Convert a JSON data structure to binary BSON data.
Convert BSON to JSON
Convert binary JSON data structure (BSON) to JSON.
Convert JSON to a LaTeX Table
Generate a LaTeX table from a JSON object.
Truncate JSON
Loop over JSON structure and truncate all values.
Convert JSON to Data URI
Convert a JSON data structure to a data URL.
Convert JSON to a PHP Array
Create a PHP data structure from a JSON data structure.
Convert a PHP array to JSON
Create a JSON data structure from a PHP data structure.
Compare Two JSON Files
Diff JSON files and show differences visually.