JsonLab

JsonLab workspace

Start with a sample or paste JSON.

Use the command palette to load samples or import files first. Search and history appear once the workspace has data.

Guided start

Blank canvas

Ctrl / Cmd + K opens the command paletteSearch & jump highlights paths in the treeHistory keeps edits, imports, and samples

Samples

3 curated paths

Shortcut

Ctrl / Cmd + K

Import

Ready

Load a sample or import JSON to unlock search, history, and output views.

Sample library

One click each

Start with a guided example

Pick a sample to instantly populate the editor and supporting panels. API payloads focus on diffs, nested config shows the tree view, and schema validation demonstrates contract checks plus type output.

Diff-ready

diff

API Payload

Inspect a request payload and compare it with a newer response shape.

Primary + compareFast diff reviewDebug API changes

Tree-first

tree

Nested Config

Explore a layered settings object with arrays, feature flags, and limits.

Deep treeNested objectsRealistic settings

Contract-ready

types

Schema Validation

Load a matching JSON document and schema to validate and generate types.

JSON + schemaValidation passType output

Guided start

What happens next

The workspace is designed to feel immediate. As soon as a sample is loaded, the JSON editor, tree view, table, diff, and schema tools all react together.

Load API payload to compare versions and inspect deltas.

Load nested config to browse deep object and array structures.

Load schema validation to validate contracts and generate types.

Prefer your own data? Use Import JSON and the workspace will switch from guided examples to your file immediately.