Brave Search

React JSON Viewer Component, Extracted from redux-devtools. Latest version: 0.20.0, last published: a year ago. Start using react-json-tree in your project by running `npm i react-json-tree`. There are 346 other projects in the npm registry using react-json-tree.

      » npm install react-json-tree

Published Mar 01, 2025

Version 0.20.0

Author Shu Uesugi

Repository https://github.com/reduxjs/redux-devtools

Homepage https://github.com/reduxjs/redux-devtools/tree/master/packages/react-json-tree

npm

npmjs.com › search

keywords:json-tree - npm search

... ad5441• 1.21.8 • 4 years ... $MIT ... A Mantine extension component that renders interactive JSON trees with syntax highlighting, collapsible nodes, copy-to-clipboard, and configurable expansion depth....

npm

npmjs.com › package › react-native-json-tree

react-native-json-tree - npm

React Native JSON viewing component, based on react-json-tree. Latest version: 1.5.0, last published: a year ago. Start using react-native-json-tree in your project by running `npm i react-native-json-tree`. There are 21 other projects in the npm registry using react-native-json-tree.

      » npm install react-native-json-tree

Published Feb 04, 2025

Version 1.5.0

Author Dean Merchant

Repository https://github.com/Dean177/react-native-json-tree

Homepage https://github.com/Dean177/react-native-json-tree

npm

npmjs.com › package › @gtk-grafana › react-json-tree

@gtk-grafana/react-json-tree - npm

React JSON Viewer Component, Extracted from redux-devtools. Latest version: 0.0.13, last published: 2 months ago. Start using @gtk-grafana/react-json-tree in your project by running `npm i @gtk-grafana/react-json-tree`. There are no other projects in the npm registry using @gtk-grafana/react-json-tree.

      » npm install @gtk-grafana/react-json-tree

Published Dec 03, 2025

Version 0.0.13

Author Galen Kistler

Repository https://github.com/gtk-grafana/react-json-tree

Homepage https://github.com/grafana/react-json-tree

Cloudsmith

cloudsmith.com › navigator › npm › react-json-tree

react-json-tree (0.20.0) - npm Package Quality | Cloudsmith Navigator

$npm install react-json-tree · /Processing... ✓Done · Start your free trial · 0.20.0 · Stable version · 1year ago · Released · Loading Version Data · NPM on Cloudsmith · Learn more about NPM on Cloudsmith ·

GitHub

github.com › alexkuz › react-json-tree

GitHub - alexkuz/react-json-tree: React JSON Viewer Component, Extracted from redux-devtools

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} /> Check out examples directory for more details.

Starred by 997 users

Forked by 115 users

Languages JavaScript

npm

npmjs.com › package › react-json-tree-view

react-json-tree-view - npm

React Package for JSON tree view. Latest version: 1.0.8, last published: 7 years ago. Start using react-json-tree-view in your project by running `npm i react-json-tree-view`. There are 3 other projects in the npm registry using react-json-tree-view.

      » npm install react-json-tree-view

Published Aug 30, 2018

Version 1.0.8

Author Anand KS

Repository https://github.com/Anandks1993/react-json-tree-view

Homepage https://github.com/Anandks1993/react-json-tree-view

npm

npmjs.com › package › react-json-view-lite

react-json-view-lite - npm

react-json-view-lite is a tiny component for React allowing to render JSON as a tree. It focused on the balance between performance for large JSON inputs and functionality. It might not have all the rich features (suce as customization, copy, ...

      » npm install react-json-view-lite

Published Sep 06, 2025

Version 2.5.0

Author AnyRoad

Repository https://github.com/AnyRoad/react-json-view-lite

Homepage https://github.com/AnyRoad/react-json-view-lite

npm

npmjs.com › package › react-editable-json-tree

react-editable-json-tree - npm

React Editable Json Tree. Latest version: 2.3.0, last published: 3 years ago. Start using react-editable-json-tree in your project by running `npm i react-editable-json-tree`. There are 5 other projects in the npm registry using react-editable-json-tree.

      » npm install react-editable-json-tree

Published Oct 22, 2022

Version 2.3.0

Author Oxyno-zeta

Repository https://github.com/oxyno-zeta/react-editable-json-tree

Homepage https://github.com/oxyno-zeta/react-editable-json-tree#readme

UNPKG

unpkg.com › browse › react-json-tree@0.15.0 › README.md

react-json-tree/README.md

# react-json-tree React JSON Viewer Component, Extracted from [redux-devtools](https://github.com/reduxjs/redux-devtools). Supports [iterable](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#iterable) objects, such as [Immutable.js](https://facebook.github.io/immutable-js/). ![](https://img.shields.io/npm/v/react-json-tree.svg) ### Usage ```jsx 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} /> ``` #### Result: ![](http://cl.ly/image/3f2C2k2t3D0o/screenshot 2015-08-26 at 10.24.12 AM.png) Check out [examples](examples) directory for more details.

Find elsewhere

Google Bing Mojeek

npm

npmjs.com › package › @types › react-json-tree

@types/react-json-tree - npm

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

      » npm install @types/react-json-tree

Published May 24, 2021

Version 0.13.0

UNPKG

unpkg.com › browse › @alexkuz › react-json-tree@0.5.3 › README.md

alexkuz/react-json-tree/README.md - UNPKG

# react-json-tree React JSON Viewer Component, Extracted from [redux-devtools](https://github.com/gaearon/redux-devtools). Supports [iterable](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#iterable) objects, such as [Immutable.js](https://facebook.github.io/immutable-js/). ![](https://img.shields.io/npm/v/react-json-tree.svg) ### Usage ```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 } /> ``` #### Result: ![](http://cl.ly/image/3f2C2k2t3D0o/screenshot 2015-08-26 at 10.24.12 AM.png) Check out [examples](examples) directory for more details.

Stack Overflow

stackoverflow.com › questions › 71451024 › viewing-json-as-a-drop-down-tree-using-reactjs

Viewing JSON as a drop down tree using ReactJS - Stack Overflow

Top answer

1 of 1

To remove the {} Keys add getItemString={() => {}} as a property to your JSONTree component.

<JSONTree 
   hideRoot={true}
   data={json}
   theme={theme} invertTheme={true}
   getItemString={() => {}}
 />

NPM Compare

npm-compare.com › react-json-tree

react-json-tree | Npm Package Usage Trend

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} />;

npm

npmjs.com › package › leonaves-react-json-tree

leonaves-react-json-tree - npm

React JSON Viewer Component, Extracted from redux-devtools. Latest version: 0.5.6, last published: 7 years ago. Start using leonaves-react-json-tree in your project by running `npm i leonaves-react-json-tree`. There are no other projects in the npm registry using leonaves-react-json-tree.

      » npm install leonaves-react-json-tree

Published Feb 28, 2016

Version 0.5.6

Author Shu Uesugi

Repository https://github.com/chibicode/react-json-tree

Homepage https://github.com/chibicode/react-json-tree

Tessl

tessl.io › registry › tessl › npm-react-json-tree

0.20.0 • npm-react-json-tree • tessl • Registry • Tessl

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

npm

npmjs.com › package › js-json-tree

js-json-tree - npm

_A JSON view component for React._. Latest version: 0.3.2, last published: 4 years ago. Start using js-json-tree in your project by running `npm i js-json-tree`. There are no other projects in the npm registry using js-json-tree.

      » npm install js-json-tree

Published Jul 28, 2021

Version 0.3.2

Author Eric Xiong

Repository https://github.com/yachaoxiong/js-json-tree

Homepage https://github.com/yachaoxiong/js-json-tree#readme

npm

npmjs.com › package › react-json-view

react-json-view - npm

You can run the test suite with npm run test or npm run test:watch to automatically reload when files are modified. I recommend using docker for development because it enforces environmental consistency. For information about contributing with Docker, see the README in ./docker. I drew a ton of design ideas from react-json-tree...

      » npm install react-json-view

Published Mar 09, 2021

Version 1.21.3

Author Mac Gainor

Repository https://github.com/mac-s-g/react-json-view

Homepage https://github.com/mac-s-g/react-json-view

Npm

npm.io › package › react-json-tree

React-json-tree NPM | npm.io

Npm

npm.io › search › keyword:json-tree

Json-tree | npm.io

Interactive react component for displaying javascript arrays and JSON objects. array-viewerbase-16componentinteractiveinteractive-jsonjsonjson-componentjson-displayjson-treejson-view1.21.3 • Published 2 years ago