🌐
npm
npmjs.com › package › react-json-tree
react-json-tree - npm
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} />;
      » npm install react-json-tree
    
Published   Mar 01, 2025
Version   0.20.0
Author   Shu Uesugi
🌐
GitHub
github.com › alexkuz › react-json-tree
GitHub - alexkuz/react-json-tree: React JSON Viewer Component, Extracted from redux-devtools
May 14, 2020 - 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} />
Starred by 997 users
Forked by 115 users
Languages   JavaScript
Discussions

Which JSON Viewer Component do you recommend since react-json-view no one maintains it anymore.
console.log(JSON.stringify(object, null, 2)) More on reddit.com
🌐 r/reactjs
22
19
October 16, 2023
React Tree View for Json object?
I use this: https://www.npmjs.com/package/react-json-view More on reddit.com
🌐 r/reactjs
1
2
July 14, 2021
JSON Viewer with Editor
Very cool. I could see using this in my admin dashboard for live updating my JSON-based application configuration. One tiny visual gripe: The default height of the text-area is too tall for single line inputs. The text-area should be the same size as the input, and grow as needed. This would also eliminate any jank seen when toggling edit mode. More on reddit.com
🌐 r/reactjs
9
26
August 1, 2017
JSON GUI reader / editor - for advanced needs?
I just use Postman to make API calls if I'm having issues with JSON, for debugging purposes. More on reddit.com
🌐 r/PowerShell
5
6
May 14, 2021
🌐
Cloudsmith
cloudsmith.com › navigator › npm › @textea › json-viewer
@textea/json-viewer (4.0.1) - npm Package Quality | Cloudsmith Navigator
react-18reactreact-jsonreact-json-viewerarray-viewercomponentinteractiveinteractive-jsonjsonjson-componentjson-displayjson-treejson-viewjson-viewerjson-inspectortreetree-viewtreeviewdata-editordata-viewerjson-editorreactjstree-editortree-viewertypescript
🌐
CodeSandbox
codesandbox.io › examples › package › react-json-tree
react-json-tree examples - CodeSandbox
Use this online react-json-tree playground to view and fork react-json-tree example apps and templates on CodeSandbox.
🌐
GitHub
github.com › mac-s-g › react-json-view
GitHub - mac-s-g/react-json-view: JSON viewer for react
This component provides a responsive interface for displaying arrays or JSON in a web browser. NPM offers a distribution of the source that's transpiled to ES5; so you can include this component with any web-based javascript application.
Starred by 3.7K users
Forked by 503 users
Languages   JavaScript 96.4% | Shell 2.9%
🌐
npm
npmjs.com › package › @uiw › react-json-view
@uiw/react-json-view - npm
January 20, 2026 - A React component for displaying and editing javascript arrays and JSON objects.
      » npm install @uiw/react-json-view
    
Published   Jan 20, 2026
Version   2.0.0-alpha.41
Author   Kenny Wang
Find elsewhere
🌐
Vercel
jsontree.vercel.app
Json Tree Viewer
Visualisation tool for json in a graph and tree form
🌐
React Split
uiwjs.github.io › react-json-view
react-json-view
A React component for displaying and editing javascript arrays and JSON objects.
🌐
CodeSandbox
codesandbox.io › examples › package › react-json-tree-view
react-json-tree-view examples - CodeSandbox
Use this online react-json-tree-view playground to view and fork react-json-tree-view example apps and templates on CodeSandbox.
🌐
Tweakcn
next.jqueryscript.net › home › json tree viewer: interactive json data explorer for shadcn/ui
JSON Tree Viewer: Interactive JSON Data Explorer for shadcn/ui
March 31, 2025 - JSON Tree Viewer is a React component designed specifically for applications built with shadcn/ui. It takes your JSON data as input and renders it into an interactive, collapsible tree structure.
🌐
GitHub
github.com › STRML › react-json-tree-editable
GitHub - STRML/react-json-tree-editable: React JSON Viewer Component, Extracted from redux-devtools
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} />
Forked by 2 users
Languages   JavaScript
🌐
StackBlitz
stackblitz.com › edit › react-zqnfju
React json tree viewer example - StackBlitz
A React project based on react, react-dom, react-json-view and react-json-tree-viewer
🌐
npm
npmjs.com › package › react-json-view-lite
react-json-view-lite - npm
September 6, 2025 - 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
🌐
SourceForge
sourceforge.net › projects › react-json-tree.mirror
react-json-tree download | SourceForge.net
Download react-json-tree for free. React JSON Viewer Component, Extracted from redux-devtools. React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js.
🌐
npm
npmjs.com › package › @gtk-grafana › react-json-tree
@gtk-grafana/react-json-tree - npm
December 3, 2025 - 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
🌐
jsDelivr
jsdelivr.com › package › npm › react-json-view
react-json-view CDN by jsDelivr - A CDN for npm and GitHub
March 9, 2021 - Interactive react component for displaying javascript arrays and JSON objects. ... array-viewerbase-16componentinteractiveinteractive-jsonjsonjson-componentjson-displayjson-treejson-viewjson-viewerjson-inspectorjson-treereactreact-component
Published   Mar 27, 2017
🌐
GitHub
github.com › AnyRoad › react-json-view-lite
GitHub - AnyRoad/react-json-view-lite: Lightweight Json view component for React
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, ...
Starred by 235 users
Forked by 25 users
Languages   TypeScript 95.9% | CSS 4.1%
🌐
MUI
mui.com › x › react-tree-view
Tree View React component - MUI X
The Tree View components let users navigate hierarchical lists of data with nested levels that can be expanded and collapsed. ... This impressive paella is a perfect party dish and a fun meal to cook together with your guests.