Enter JSON Data
{ "user": { "name": "John Doe", "age": 30, "email": "john@example.com", "address": { "street": "123 Main St", "city": "New York", "country": "USA" } }, "items": [ { "id": 1, "name": "Laptop", "price": 999 }, { "id": 2, "name": "Mouse", "price": 25 } ], "active": true }
Visualize Tree
Search by JSON Path
Examples:
$.user.name
$.items[0].price
*You can click a node to copy its path.
Clear All
Export as Image
JSON Tree Visualizer
Mini Map
React Flow
Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.