Brave Search

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 903 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

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.

Starred by 383 users

Forked by 68 users

Languages JavaScript 99.5% | SCSS 0.5%

Videos

14:18

YouTube

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

November 18, 2024

youtube.com

How to Pretty Print JSON | React Tutorial

05:22

YouTube

#3 Try REACTJS Tutorial - Display Json Data - YouTube

June 13, 2018

14:40

YouTube

JSON Viewer App | React JS - YouTube

November 16, 2022

m.youtube.com

Display Data from JSON File in React JS

March 8, 2020

06:36

YouTube

Learn How to Extract Data from a Nested JSON Object in React - YouTube

September 28, 2022

View all

UNPKG

unpkg.com › react-json-viewer

react-json-viewer

React JSON Viewer Component.

GitHub

github.com › uiwjs › react-json-view

uiwjs/react-json-view: A React component for displaying ...

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

Starred by 402 users

Forked by 24 users

Languages TypeScript 98.0% | HTML 2.0%

React Split

uiwjs.github.io › react-json-view

react-json-view

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

Stack Overflow

stackoverflow.com › questions › 68195357 › how-to-display-the-content-of-a-json-file-in-react

reactjs - How to display the content of a JSON file in React? - Stack Overflow

import data from '../../public/static/somedata/data.json'; const DummyComponent = () => { return ( <div className="box">{JSON.stringify(data)}</div> ); };

Transform

transform.tools › json-to-typescript

JSON to TypeScript

to React Native · to JSX · to Pug · to Big Query Schema · to Flow · to Go Bson · to Go Struct · to GraphQL · to io-ts · to Java · to JSDoc · to JSON Schema · to Kotlin · to MobX-State-Tree Model · to Mongoose Schema · to MySQL · to React PropTypes ·

Find elsewhere

Google Bing Mojeek

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 › 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

January 20, 2026 - 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

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

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

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

GitHub

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

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

JSON viewer for react. Contribute to mac-s-g/react-json-view development by creating an account on GitHub.

Starred by 3.7K users

Forked by 500 users

Languages JavaScript 96.4% | Shell 2.9%

Pluralsight

pluralsight.com › tech insights & how-to guides › tech guides & tutorials

Load and Render JSON Data Into React Components | Pluralsight

April 1, 2025 - View plans · Contact sales · For individuals · For businesses · For public sector · This article explains how to fetch and render JSON data in React using the Fetch API or Axios, leveraging hooks like useState and useEffect for efficient state management.

JSON Formatter

jsonformatter.org › json-viewer › a7f4c1

React Flow Basic Save JSON

This is also a JSON file Viewer.

ReactScript

reactscript.com › home › json viewer

Best json viewer Components For React & React Native (2026 Update) - ReactScript

The latest and Best JSON viewers for your next React or React Native app.

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

PrimeReact

primereact.org

PrimeReact | React UI Component Library

The ultimate collection of design-agnostic, flexible and accessible React UI Components.

jsDelivr

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

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

September 6, 2025 - A free, fast, and reliable CDN for react-json-view-lite. JSON viewer component for React focused on performance for large volume input while still providing few customiziation features

Published Dec 06, 2020

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

Mac-s-g

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

RJV Demo - react-json-view

theme|string|”rjv-default”|RJV supports base-16 themes. Check out the list of supported themes in the demo. A custom “rjv-default” theme applies by default. style|object|{}|Style attributes for react-json-view container. Explicit style attributes will override attributes provided by a theme.

Expo Documentation

docs.expo.dev › configuration files › app.json / app.config.js

app.json / app.config.js - Expo Documentation

The background color for your Android app, behind any of your React views.