🗂️

JSON Workbench

Inspect, query, reshape and convert JSON — collapsible tree, path queries, inferred schema, and export to CSV, YAML or TypeScript types.

Utilities v1.0.0 34 uses
Source
Samples

Dot and bracket notation, e.g. users[0].meta.score or users[*].email


            

Types inferred across every record, with optional keys marked


            

            

            

About This App

A workbench for JSON rather than another formatter. Paste or drop a file and explore it as a collapsible tree with types and sizes shown at every node, or switch to a formatted text view with adjustable indentation. Query into the structure with a dot-and-bracket path syntax to pull out exactly the branch you care about. The schema tab infers types across an entire array of records — including which keys are optional and where types are inconsistent — which is usually the fastest way to understand an unfamiliar API response. Convert what you have into CSV, YAML, or TypeScript interface definitions, and use the built-in stats to see depth, node counts and the largest arrays. Errors are reported with the exact line and column, and a repair pass fixes the usual culprits: trailing commas, single quotes and unquoted keys. Everything runs locally in your browser.

How to Use

  1. 1 Paste JSON, drop a .json file onto the editor, or load a sample
  2. 2 Use Tree to explore — click any node to collapse or expand it
  3. 3 Use Text to reformat with your chosen indentation, or minify
  4. 4 Enter a path like users[0].email in Query to pull out one branch
  5. 5 Open Schema to infer types across the whole document
  6. 6 Convert to CSV, YAML or TypeScript from the Convert tab
  7. 7 If parsing fails, try Repair to fix trailing commas and quoting
  8. 8 Your document is kept locally so a refresh will not lose it
ESC