Brave Search

JSON viewer built using ReactJS. View full JSON paths on hover, copy full paths or path values, and toggle collapse of all objects.

npm

npmjs.com › package › react-json-view

react-json-view - npm

March 9, 2021 - 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

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

October 16, 2023

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

August 1, 2017

I built a JSON Viewer React component

Gif of the component More on reddit.com

r/reactjs

January 27, 2020

JSON and Array Viewer

react-json-view is a JSON viewer wrapped up in a react component. It has support for base-16 themes. I recently updated all the tests and the build process so it's pretty stable. Tell me what you think!

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

20:35

YouTube

Create Your Own JSON Formatter with JavaScript (Prettify/Minify) ...

October 18, 2021

youtube.com

How to Pretty Print JSON | React Tutorial

youtube.com

How to Read Local JSON File in React JS? JSON with React - YouTube

February 1, 2023

View all

React Split

uiwjs.github.io › react-json-view

react-json-view

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

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

npm

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

react-json-view-lite - npm

September 6, 2025 - 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

StackBlitz

stackblitz.com › edit › react-json-viewer

React Json Viewer - StackBlitz

A simple JSON viewer built on React.js

CodeSandbox

codesandbox.io › s › react-json-view-4z348

react-json-view - CodeSandbox

August 16, 2020 - react-json-view by rhgrieve using @fortawesome/fontawesome-svg-core, @fortawesome/free-regular-svg-icons, @fortawesome/free-solid-svg-icons, @fortawesome/react-fontawesome, aphrodite, clipboard, prism-react-renderer, react, react-alert

Published Aug 14, 2020

Author rhgrieve

Repository https://codesandbox.io/s/4z348

Find elsewhere

Google Bing Mojeek

GitHub

github.com › uiwjs › react-json-view

uiwjs/react-json-view

September 13, 2022 - A React component for displaying and editing javascript arrays and JSON objects. - uiwjs/react-json-view

Starred by 398 users

Forked by 23 users

Languages TypeScript 98.0% | HTML 2.0%

GitHub

github.com › YYsuni › react18-json-view

GitHub - YYsuni/react18-json-view: JSON viewer for react18

import JsonView from 'react18-json-view' import 'react18-json-view/src/style.css' // If dark mode is needed, import `dark.css`. // import 'react18-json-view/src/dark.css' <JsonView src={my_json_object} /> // If needed, you can use the internal ...

Starred by 334 users

Forked by 31 users

Languages TypeScript 94.6% | CSS 3.8% | JavaScript 1.6%

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.

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

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

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

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

npm Trends

npmtrends.com › react-json-pretty-vs-react-json-view-vs-react-json-viewer

react-json-pretty vs react-json-view vs react-json-viewer | npm trends

Comparing trends for react-json-pretty 2.2.0 which has 123,479 weekly downloads and 160 GitHub stars vs. react-json-view 1.21.3 which has 999,754 weekly downloads and 3,664 GitHub stars vs. react-json-viewer 3.0.1 which has 2,640 weekly downloads and 153 GitHub stars.

GitHub

github.com › TexteaInc › json-viewer

GitHub - TexteaInc/json-viewer: not only a JSON viewer

@textea/json-viewer is a React component that can be used to view and display any kind of data, not just JSON.

Starred by 523 users

Forked by 52 users

Languages TypeScript 96.4% | JavaScript 3.6%

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

jsDelivr

jsdelivr.com › package › npm › react-json-view

react-json-view CDN by jsDelivr - A CDN for npm and GitHub

March 9, 2021 - A free, fast, and reliable CDN for react-json-view. Interactive react component for displaying javascript arrays and JSON objects.

Published Mar 27, 2017

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

CodeBeautify

codebeautify.org › jsonviewer

Best JSON Viewer and JSON Beautifier Online

Online JSON Viewer, JSON Beautifier and Formatter to beautify and tree view of JSON data - It works as JSON Pretty Print to pretty print JSON data.

Jsonhero

jsonhero.io

JSON Hero - a beautiful JSON viewer for the web

JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.

GitHub

github.com › clay-run › clay-react-json-view

GitHub - clay-run/clay-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.

Author clay-run

React Flow

reactflow.dev

Node-Based UIs in React - React Flow

React Flow nodes are simply React components, ready for your interactive elements.