Blob Notebook
Switch guideJSON editor & table viewer

JSON EDITOR & TABLE VIEWER

Read JSON as code, then explore it as a table.

Paste an API response or import a .json file into Blob Notebook. Format the source for reading, or open the JSON visualizer to work with records, nested objects, and individual values.

Open editor

Free to use · No account needed · Saved in this browser

releases.json JSON
[
  { "version": "1.4", "ready": true, "checks": { "passed": 12 } },
  { "version": "1.5", "ready": false, "checks": { "passed": 9 } }
]
An array of records becomes a table; nested checks can be opened for a closer look.Try this example

EDIT IN YOUR BROWSER

Your local draft

The notebook’s editing tools, right here. Save to notebook when you want a named copy.

Open full editor

Enable JavaScript to edit here, or open the full editor above. The example and guide are always available.

This draft is shared with the full editor for this task and stays separate from named notes. Export a copy or save to notebook to include it in a notebook backup. This editor page and its tools reopen offline after the editor reports readiness. Informational and privacy guides need a connection.

A FEW SIMPLE STEPS

Get started

  1. Create a note and choose JSON or import a .json file.
  2. Paste your JSON, then use Format if the source is hard to read.
  3. Open the JSON visualizer to filter records, inspect nested values, or edit cells.
  4. Review and save your staged changes, or export the current table to CSV.

Open editor takes you to the draft on this page. Paste or open a source file, or choose Try this example. Save to notebook keeps a named copy with your notes. Your workspace style stays unchanged.

Format JSON and inspect nested data

Choose JSON mode to edit the source with syntax highlighting and use Format to make compact JSON easier to read. Open the JSON visualizer to see array records in rows and inspect objects without hunting through every brace.

Filtering searches keys and primitive values inside nested data. Open a nested object or array to look more closely, and export table data as CSV when you need to work with rows elsewhere.

Review edits before saving them back

Changes made in the visualizer are staged. Review them and use Save Note, Save to Pane A, or Save to Pane B to update the source you opened. If the source changed meanwhile, the app keeps your table edits and reports the conflict.

You can also place JSON in both comparison panes and choose Compare JSON values. This compares values and structure; a text comparison is useful when you care about whitespace or the exact source.

Blob Notebook JSON table with records and expandable nested checks
The notebook with fictional sample notes. Open the image for a closer look.

A few questions

Is my JSON uploaded for formatting?

The editor and JSON tools process the document in your browser. Your notes are saved in browser storage; a hosted notebook account is not required.

Is CSV export the same as the original JSON?

No. CSV represents table rows and columns. Keep the JSON source or a notebook backup when you need the original nested data.