March 24, 2018 - A simple json formatter/viewer based on jsonTree library and app.js framework. ... A simple lightweight pure-javascript library for drawing tree of json-nodes from json-object.

March 9, 2021 - Latest version: 1.21.3, last published: 5 years ago. Start using react-json-view in your project by running `npm i react-json-view`. There are 900 other projects in the npm registry using react-json-view.

January 20, 2026 - @default true */ highlightUpdates?: boolean; /** Shorten long JSON strings, Set to `0` to disable this feature @default 30 */ shortenTextAfterLength?: number; /** When the text exceeds the length, `...` will be displayed. Currently, this `...` can be customized. @default "..." */ stringEllipsis?: number; /** Callback function for when a treeNode is expanded or collapsed */ onExpand?: (props: { expand: boolean; value?: T; keyid: string; keyName?: string | number }) => void; /** Fires event when you copy */ onCopied?: (text: string, value?: T) => void; } export type ShouldExpandNodeInitially<T extends object> = (isExpanded: boolean, props: { keyName?: string | number; value?: T; parentValue?: T; keys: (number | string)[]; level: number; }) => boolean;

March 1, 2025 - React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import { JSONTree } from 'react-json-tree'; // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable'; // Inside a React component: const json = { array: [1, 2, 3], bool: true, object: { foo: 'bar', }, immutable: Map({ key: 'value' }), }; <JSONTree data={json} />;

July 19, 2019 - A free, fast, and reliable CDN for json-tree-view. A JSON Tree View Component, for browsering or editing JSON object. Fork from json-view writing by Richard Livingston.

Visualisation tool for json in a graph and tree form

react-18reactreact-jsonreact-json-viewerarray-viewercomponentinteractiveinteractive-jsonjsonjson-componentjson-displayjson-treejson-viewjson-viewerjson-inspectortreetree-viewtreeviewdata-editordata-viewerjson-editorreactjstree-editortree-viewertypescript

January 29, 2026 - React JSON Viewer Component providing interactive tree visualization for JSON data structures with support for custom themes and complex data types.

A Web Component to visualize JSON data in a tree view · Installation · From CDN · From NPM · Usage · Attributes · Properties · Methods · CSS Parts · CSS custom properties · Basic Usage · Load the JSON dynamically · Basic interactions ...

React Native JSON Viewer Component, based on react-json-tree. Supports iterable objects, such as Immutable.js. import JSONTree from 'react-native-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable' ...

A wrapper for json-view.. Latest version: 1.0.31, last published: a year ago. Start using w-jsonview-tree in your project by running `npm i w-jsonview-tree`. There are 2 other projects in the npm registry using w-jsonview-tree.

Easy package.json exports.. Latest version: 1.0.1, last published: 14 years ago. Start using package in your project by running `npm i package`. There are 281 other projects in the npm registry using package.

This viewer has built-in support of JSON/JSONex, YAML and XML. It provides an easy way to plugin any other format by implementing the ParserPlugin interface. Three views: Source, Tree and Table and they are toggleable

This library is mainly created to easily visualize JSON data/string into Object tree.

Comparing trends for react-json-pretty 2.2.0 which has 133,945 weekly downloads and 160 GitHub stars vs. react-json-tree 0.20.0 which has 892,897 weekly downloads and 14,338 GitHub stars vs. react-json-view 1.21.3 which has 1,086,291 weekly downloads and 3,665 GitHub stars vs. react-json-viewer 3.0.1 which has 2,830 weekly downloads and 154 GitHub stars vs. react-treeview 0.4.7 which has 3,479 weekly downloads and 1,090 GitHub stars.

February 25, 2020 - a JSON Tree View Component in Vue.js. Latest version: 2.1.6, last published: 6 years ago. Start using vue-json-tree-view in your project by running `npm i vue-json-tree-view`. There are 36 other projects in the npm registry using vue-json-tree-view.

December 15, 2024 - json-viewer · json-inspector · json-tree · tree · tree-view · treeview · npm i @textea/json-viewer · github.com/TexteaInc/json-viewer · github.com/TexteaInc/json-viewer#readme · 79,572 · 4.0.1 · MIT · 1.22 MB · 9 · a year ago · pionxzh · forrestbao ·

Latest version: 0.4.12, last published: 6 years ago. Start using json-tree-view in your project by running `npm i json-tree-view`. There are 5 other projects in the npm registry ...

A Mantine extension component that renders interactive JSON trees with syntax highlighting, collapsible nodes, copy-to-clipboard, and configurable expansion depth.