JsonLab

JsonLab workspace

Start with a guided sample or paste your own JSON.

Pick a one-click example to load an API payload, nested config, or schema pair. The editor, tree, diff, and type outputs all update together.

Guided start

3 sample paths

Blank canvas

Samples

Click path

API, config, schema

State

Ready to explore

Import

Also supported

Choose a sample below to populate the editor, tree, diff, and schema panels in one click.

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.