Free Online JSON Tree Viewer & Inspector

Explore and navigate deeply nested JSON objects with collapsible tree nodes, visual property indicators, and instant JSONPath lookup.

Upload

Syntax Error562 lines • 0 B

Original JSON (Input)

•

[
  {
    "id": 1,
    "uuid": "usr_mo397e92i",
    "name": "User 1",
    "email": "user1@example.com",
    "scores": [
      26,
      62
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.272Z",
      "verified": true
    }
  },
  {
    "id": 2,
    "uuid": "usr_6oaj02l5z",
    "name": "User 2",
    "email": "user2@example.com",
    "scores": [
      71,
      26
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 3,
    "uuid": "usr_gpzj8tnh5",
    "name": "User 3",
    "email": "user3@example.com",
    "scores": [
      29,
      29
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 4,
    "uuid": "usr_7rubw4ixh",
    "name": "User 4",
    "email": "user4@example.com",
    "scores": [
      48,
      18
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 5,
    "uuid": "usr_7gej7po6v",
    "name": "User 5",
    "email": "user5@example.com",
    "scores": [
      96,
      39
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 6,
    "uuid": "usr_6rcbmkzh5",
    "name": "User 6",
    "email": "user6@example.com",
    "scores": [
      31,
      67
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 7,
    "uuid": "usr_0il5kig4t",
    "name": "User 7",
    "email": "user7@example.com",
    "scores": [
      15,
      47
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 8,
    "uuid": "usr_w9zf1nf8l",
    "name": "User 8",
    "email": "user8@example.com",
    "scores": [
      17,
      88
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 9,
    "uuid": "usr_33cuy5w3q",
    "name": "User 9",
    "email": "user9@example.com",
    "scores": [
      81,
      69
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 10,
    "uuid": "usr_fj831lq55",
    "name": "User 10",
    "email": "user10@example.com",
    "scores": [
      8,
      84
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 11,
    "uuid": "usr_81uxvyayc",
    "name": "User 11",
    "email": "user11@example.com",
    "scores": [
      57,
      78
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 12,
    "uuid": "usr_kejonz85s",
    "name": "User 12",
    "email": "user12@example.com",
    "scores": [
      26,
      33
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 13,
    "uuid": "usr_h91gods8x",
    "name": "User 13",
    "email": "user13@example.com",
    "scores": [
      38,
      13
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 14,
    "uuid": "usr_94sxmgqyi",
    "name": "User 14",
    "email": "user14@example.com",
    "scores": [
      62,
      12
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 15,
    "uuid": "usr_guw5gw90m",
    "name": "User 15",
    "email": "user15@example.com",
    "scores": [
      43,
      93
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 16,
    "uuid": "usr_ynjk9gsnb",
    "name": "User 16",
    "email": "user16@example.com",
    "scores": [
      65,
      65
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 17,
    "uuid": "usr_3fxeyw07d",
    "name": "User 17",
    "email": "user17@example.com",
    "scores": [
      69,
      58
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 18,
    "uuid": "usr_0ax4lbjwa",
    "name": "User 18",
    "email": "user18@example.com",
    "scores": [
      28,
      53
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 19,
    "uuid": "usr_bh9relnem",
    "name": "User 19",
    "email": "user19@example.com",
    "scores": [
      36,
      3
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 20,
    "uuid": "usr_sij4mucwb",
    "name": "User 20",
    "email": "user20@example.com",
    "scores": [
      52,
      92
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 21,
    "uuid": "usr_2zdx9lbeh",
    "name": "User 21",
    "email": "user21@example.com",
    "scores": [
      51,
      10
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 22,
    "uuid": "usr_zr1uzzvxg",
    "name": "User 22",
    "email": "user22@example.com",
    "scores": [
      3,
      64
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 23,
    "uuid": "usr_6runkgtgc",
    "name": "User 23",
    "email": "user23@example.com",
    "scores": [
      67,
      58
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 24,
    "uuid": "usr_2pe0e1wlc",
    "name": "User 24",
    "email": "user24@example.com",
    "scores": [
      7,
      58
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 25,
    "uuid": "usr_ralhjj9er",
    "name": "User 25",
    "email": "user25@example.com",
    "scores": [
      12,
      46
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 26,
    "uuid": "usr_bbttdkwhd",
    "name": "User 26",
    "email": "user26@example.com",
    "scores": [
      90,
      83
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 27,
    "uuid": "usr_umyblllog",
    "name": "User 27",
    "email": "user27@example.com",
    "scores": [
      33,
      58
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 28,
    "uuid": "usr_m03wx4o7n",
    "name": "User 28",
    "email": "user28@example.com",
    "scores": [
      82,
      98
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 29,
    "uuid": "usr_smlbmif7m",
    "name": "User 29",
    "email": "user29@example.com",
    "scores": [
      34,
      77
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 30,
    "uuid": "usr_scqdi2exm",
    "name": "User 30",
    "email": "user30@example.com",
    "scores": [
      67,
      95
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 31,
    "uuid": "usr_7ytvqrnto",
    "name": "User 31",
    "email": "user31@example.com",
    "scores": [
      72,
      42
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 32,
    "uuid": "usr_7ji8n70hx",
    "name": "User 32",
    "email": "user32@example.com",
    "scores": [
      76,
      10
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 33,
    "uuid": "usr_eleky69qr",
    "name": "User 33",
    "email": "user33@example.com",
    "scores": [
      92,
      48
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 34,
    "uuid": "usr_p378gn1to",
    "name": "User 34",
    "email": "user34@example.com",
    "scores": [
      32,
      31
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 35,
    "uuid": "usr_pr8cavuxt",
    "name": "User 35",
    "email": "user35@example.com",
    "scores": [
      42,
      2
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 36,
    "uuid": "usr_2lxbzl7eq",
    "name": "User 36",
    "email": "user36@example.com",
    "scores": [
      19,
      13
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 37,
    "uuid": "usr_ks0fagdhm",
    "name": "User 37",
    "email": "user37@example.com",
    "scores": [
      40,
      27
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 38,
    "uuid": "usr_cmo53jvo5",
    "name": "User 38",
    "email": "user38@example.com",
    "scores": [
      38,
      8
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  },
  {
    "id": 39,
    "uuid": "usr_167dzn4l9",
    "name": "User 39",
    "email": "user39@example.com",
    "scores": [
      89,
      96
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": true
    }
  },
  {
    "id": 40,
    "uuid": "usr_fzxk4qloa",
    "name": "User 40",
    "email": "user40@example.com",
    "scores": [
      45,
      92
    ],
    "metadata": {
      "createdAt": "2026-09-12T15:57:05.273Z",
      "verified": false
    }
  }
]

Formatted JSON (Output)

•

Navigating Deeply Nested API Responses

When debugging complex REST, GraphQL, or microservice API payloads containing hundreds of nested objects and array arrays, scrolling through plain text becomes overwhelming. An Interactive JSON Tree Viewer organizes raw JSON into collapsible branch structures, allowing software engineers to isolate specific data points rapidly.

Interactive Tree Node Features

Collapsible Nodes

Expand or collapse array lists and object brackets with 1 click.

Type Badge Badges

Distinguish object length, array size, string length, and primitive types.

JSONPath Copy

Click any key to copy its exact JSONPath query expression instantly.

Frequently Asked Questions

What is a JSON Tree Viewer?

A JSON tree viewer converts raw JSON text into an interactive, visual hierarchy of nodes. You can expand or collapse arrays and objects, inspect property types, and search for specific key names.

How does JSONPath integration work in the viewer?

Clicking on any leaf node or object key in the tree automatically generates and copies its exact JSONPath query expression (e.g. $.store.books[0].title) to your clipboard.

Can I inspect large JSON payloads up to 50MB?

Yes! Our virtualized tree renderer renders large JSON payloads smoothly in local browser memory without freezing the UI.