Brave Search

Interactive react component for displaying javascript arrays and JSON objects.. 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 ...

      » 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

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

react-json-view-lite - npm

JSON viewer component for React focused on performance for large volume input while still providing few customiziation features. Latest version: 2.5.0, last published: 6 months ago.

      » 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

Videos

14:18

YouTube

Build a React.js JSON Viewer & Editor App to Render JSON ...

November 18, 2024

14:40

YouTube

JSON Viewer App | React JS - YouTube

November 16, 2022

05:22

YouTube

#3 Try REACTJS Tutorial - Display Json Data - YouTube

June 13, 2018

m.youtube.com

Display Data from JSON File in React JS

March 8, 2020

01:12

YouTube

How to Pretty Print JSON | React Tutorial - YouTube

July 29, 2023

youtube.com

How to Pretty Print JSON | React Tutorial

View all

npm

npmjs.com › package › react18-json-view

react18-json-view - npm

JSON viewer for react18. Latest version: 0.2.9, last published: a year ago. Start using react18-json-view in your project by running `npm i react18-json-view`. There are 51 other projects in the npm registry using react18-json-view.

      » npm install react18-json-view

Published Feb 19, 2025

Version 0.2.9

Author Suni

Repository https://github.com/YYsuni/react18-json-view

Homepage https://github.com/YYsuni/react18-json-view#readme

npm

npmjs.com › package › @uiw › react-json-view

@uiw/react-json-view - npm

JSON viewer for react.. Latest version: 2.0.0-alpha.41, last published: 2 months ago. Start using @uiw/react-json-view in your project by running `npm i @uiw/react-json-view`. There are 103 other projects in the npm registry using @uiw/react-json-view.

      » npm install @uiw/react-json-view

Published Jan 20, 2026

Version 2.0.0-alpha.41

Author Kenny Wang

Repository https://github.com/uiwjs/react-json-view

Homepage https://uiwjs.github.io/react-json-view

React Split

uiwjs.github.io › react-json-view

react-json-view

A React component for displaying and editing javascript arrays and JSON objects.

npm

npmjs.com › package › @microlink › react-json-view

@microlink/react-json-view - npm

Interactive react component for displaying javascript arrays and JSON objects.. Latest version: 1.27.1, last published: 2 months ago. Start using @microlink/react-json-view in your project by running `npm i @microlink/react-json-view`. There ...

      » npm install @microlink/react-json-view

Published Jan 11, 2026

Version 1.27.1

Author Mac Gainor

Repository https://github.com/microlinkhq/react-json-view

Homepage https://github.com/microlinkhq/react-json-view

GitHub

github.com › uiwjs › react-json-view

GitHub - uiwjs/react-json-view: A React component for displaying and editing javascript arrays and JSON objects.

react-json-view · ❌ · demo · Runs the project in development mode. # Step 1, run first, listen to the component compile and output the .js file # listen for compilation output type .d.ts file npm run watch # Step 2, development mode, listen ...

Starred by 398 users

Forked by 23 users

Languages TypeScript 98.0% | HTML 2.0%

npm

npmjs.com › package › react-json-viewer

react-json-viewer - npm

Latest version: 3.0.1, last published: 4 years ago. Start using react-json-viewer in your project by running `npm i react-json-viewer`. There are 2 other projects in the npm registry using react-json-viewer.

      » npm install react-json-viewer

Published Sep 10, 2021

Version 3.0.1

Author nsisodiya

Repository https://github.com/nsisodiya/react-json-viewer

Homepage https://github.com/nsisodiya/react-json-viewer#readme

GitHub

github.com › microlinkhq › react-json-view

GitHub - microlinkhq/react-json-view: JSON viewer for React · GitHub

react-json-view (rjv) is a React component for displaying and editing javascript arrays and JSON objects.

Author microlinkhq

Find elsewhere

Google Bing Mojeek

npm

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

react-json-view-compare - npm

React json compare view plugin, supports expansion and hiding.use react hooks.. Latest version: 2.0.2, last published: 3 years ago. Start using react-json-view-compare in your project by running `npm i react-json-view-compare`. There are 7 other projects in the npm registry using react-json-view-compare.

      » npm install react-json-view-compare

Published Mar 30, 2023

Version 2.0.2

Author coolapt

Repository https://github.com/5SSS/react-json-view-compare

Homepage https://github.com/5SSS/react-json-view-compare#readme

reddit.com › r/reactjs › which json viewer component do you recommend since react-json-view no one maintains it anymore.

r/reactjs on Reddit: Which JSON Viewer Component do you recommend since react-json-view no one maintains it anymore.

October 16, 2023 -

https://www.npmjs.com/package/react-json-view?activeTab=versions
It was last updated 3 years ago.

I am looking for a popular alternative to that.

Thanks.

Top answer

1 of 5

console.log(JSON.stringify(object, null, 2))

2 of 5

It looks like this a new iteration on a fork of this project: https://github.com/YYsuni/react18-json-view

Socket

socket.dev › npm › package › react18-json-view

react18-json-view - npm Package Security Analysis - Socket

React function component for displaying javascript arrays and JSON objects.

GitHub

github.com › mac-s-g › react-json-view

GitHub - mac-s-g/react-json-view: JSON viewer for react · GitHub

# clone this repository git clone git@github.com:mac-s-g/react-json-view.git && cd react-json-view # install dependencies npm install --save-dev # run the dev server with hot reloading npm run dev

Author mac-s-g

React.js Examples

reactjsexample.com › json-viewer-for-react

JSON viewer for react

September 9, 2022 - @textea/json-viewer is a React component for displaying and editing JavaScript/TypeScript arrays and JSON objects. This component provides a responsive interface for displaying arrays or JSON in a web browser.

npm

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

searchable-react-json-view - npm

Interactive react component for displaying javascript arrays and JSON objects.. Latest version: 0.0.8, last published: 5 years ago. Start using searchable-react-json-view in your project by running `npm i searchable-react-json-view`. There are ...

      » npm install searchable-react-json-view

Published Jul 20, 2021

Version 0.0.8

Author Mac Gainor

Repository https://github.com/nirsky/searchable-react-json-view

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

npm

npmjs.com › package › react-json-tree

react-json-tree - npm

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

Microlink

react-json-view.microlink.io

react-json-view

react-json-view: A React component for displaying and editing JSON data in a tree view format.

Mac-s-g

mac-s-g.github.io › react-json-view › demo › dist

RJV Demo - react-json-view

NPM offers a distribution of the source that’s transpiled to ES5; so you can include this component with any web-based javascript application. ... // import the react-json-view component import ReactJson from 'react-json-view' // use the component in your app!

Npm

npm.io › package › react-json-view-new

React-json-view-new NPM | npm.io

.json-view { --json-property: #009033; --json-index: #676dff; --json-number: #676dff; --json-string: #b2762e; --json-boolean: #dc155e; --json-null: #dc155e; } .json-view .json-view--property { color: var(--json-property); } .json-view .json-view--index { color: var(--json-index); } .json-view .json-view--number { color: var(--json-number); } .json-view .json-view--string { color: var(--json-string); } .json-view .json-view--boolean { color: var(--json-boolean); } .json-view .json-view--null { color: var(--json-null); } .json-view:hover > .json-view--copy { display: inline-block; } .json-view .

Npm

npm.io › search › keyword:react-json

React-json | npm.io

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