William Troup

JsonTree.js
Home Documentation Examples Donate Source Code

Welcome to JsonTree.js

A customizable, and accessible, JSON visualizer. With tons of settings, JsonTree.js can be tailored to suit your every need. Lightweight.

Download Now

v4.7.0 - 10th Dec 2024
Main Features
Free, open source (MIT License)
Zero-dependencies!
100% TypeScript! This allows greater support for React, Angular, and other libraries!
52 languages supported by default.
Full theming support, with light and ark mode supported by default ... or create your own!
22 types supported by default (such as Object, Array, primitive types, and even Sets and Maps), along with support for custom data types.
CDN and NPM support!
Fully configurable, with custom triggers and configurable text (allowing translations).
Edit, rename, and delete names and values easily, or bulk edit all the JSON! Use the in-built context menu for ease!
Paging support for array of objects, with columns support to view multiple pages side-by-side.
Fully configurable line numbers.
Import and convert CSV/HTML files to JSON.
Footer support (in full-screen mode only), so you can see the latest action, and see a values length, memory size, data type, etc.
Control panels allow you to manage individual pages with ease.
Compare values side-by-side by clicking on specific properties, and then review their matching paths in the other page columns.
Open and close all nodes.
Copy the selected item(s), page, or all the JSON to the clipboard.
Custom value rendering by type.
Disable specific value types.
File drag & drop support.
Parse strings directly to Dates, Booleans, and Numbers.
Keyboard navigation support.
Toggle between the regular view, and the full-screen view (double-click the title bar).
Set tooltips for specific properties.
Much, much more...
Preview
Latest News:

The core of the new website is now completed. However, we will continue to add new examples and documentation over the coming months.

Thank you all for your continued support.