Skip to visualizer
jsonblocks

Free online JSON visualizer

View JSON as inline blocks with clear data types. Format, search, and copy paths. Your JSON stays in your browser.

Input

Valid JSON

Blocks Viewer

17 keys · 5 depth · 25 nodes · 370 B

  • 6 string
  • 5 number
  • 5 boolean
  • 1 null
  • 5 object
  • 3 array
pathHover any block to inspect its JSON path. Click to pin.

A JSON viewer built for real API responses

jsonblocks is a free online JSON visualizer and formatter. Paste raw JSON and read it as inline blocks with the data type on every value, instead of squinting at walls of text.

  • Inline block view

    Nested objects and arrays render as wrapping blocks, so deep API responses stay readable without sideways scrolling.

  • Type badge on every value

    Strings, numbers, booleans, nulls, objects, and arrays each get their own color and label. Toggle badges or array indices anytime.

  • Search keys and values

    Search keys and values with highlighted matches. Large files use a background worker and show a bounded set of results.

  • Copy paths and values

    Hover any block to preview its JSON path, click to pin it, then copy the path or the value for code, jq queries, or bug reports.

  • Collapse big branches

    Repeated shapes start collapsed automatically. Expand all, collapse all, or drill into one branch at a time.

  • Private by design

    Everything runs locally in your browser. Your JSON is never uploaded, stored, or tracked.

How to visualize JSON with jsonblocks

  1. Paste your JSON into the input panel, open a .json file, or load the sample.

  2. Read the inline blocks in the viewer - every value shows its data type.

  3. Search keys and values, collapse branches, and copy paths or values.

  4. Use Format or Minify to clean up the input, all without leaving the page.

Frequently asked questions

What is jsonblocks?

jsonblocks is a free online JSON visualizer that renders any JSON object as wrapping inline blocks with a visible data type badge on every value. Paste JSON to inspect strings, numbers, booleans, nulls, objects, and arrays, then search keys, copy paths, and collapse branches.

Is my JSON data uploaded to a server?

No. jsonblocks runs entirely in your browser, so pasted or opened JSON never leaves your device. Use the local viewer for API responses, logs, and config files. Avoid including sensitive values in screenshots or copied bug reports.

Can jsonblocks handle large JSON files?

Large documents are parsed and searched in a background worker. The editor shows a preview to limit layout work; viewing and copying still use the full document. Capacity and speed depend on the document and your device.

How do I copy the JSON path of a value?

Hover any block to preview its JSON path in the path bar, click the block to pin it, then press the copy button. You can also copy the value itself straight from the block.

Does jsonblocks format and validate JSON?

Yes. The Format and Minify buttons pretty-print or compress your input, and invalid JSON shows a plain-language error so you can fix it before visualizing.