CodeClean
All tools

JSON

JSON FormatterJSON ValidatorJSON MinifyJSON EscapeJSON to YAMLJSON to CSVJSON Viewer

Markup & data

YAML ValidatorYAML FormatterXML FormatterHTML FormatterHTML MinifierMarkdown Formatter

Stylesheets & scripts

CSS FormatterCSS MinifierJavaScript BeautifierJavaScript MinifierTypeScript FormatterGraphQL Formatter

SQL

SQL Formatter

Compare & match

Regex TesterRegex Cheat SheetDiff Checker

Encode & decode

Base64 DecodeURL DecodeJWT DecoderUUID Generator

JSON Viewer

Big API response? Explore it as a tree: fold what you don’t need, search for a key, and copy the exact path to the value you want.

JSON input

Paste JSON on the left to explore it.

Click any key or value to copy its path.

Reading a JSON tree

  • { } marks an object with its number of keys; [ ] an array with its length.
  • Values are coloured by type: strings, numbers, booleans and null.
  • Click any row to copy its path in JavaScript notation, such as data.tickets[1].status. Paste that straight into your code or into jq as .data.tickets[1].status.

Searching

Type in the search box to highlight matching keys and values; branches that contain a match open automatically and the rest fold away.

Questions

How is this different from the JSON formatter?

The formatter produces indented text you can copy. The viewer is for reading and navigating — especially deep or long documents.

Can it open a .json file?

Yes, drop the file onto the input box or use the Open file button.

Related tools