npm
npmjs.com › package › @uiw › react-json-view
@uiw/react-json-view - npm
January 20, 2026 - import React from 'react'; import JsonView from '@uiw/react-json-view'; export default function Demo() { return ( <JsonView value={{ url: new URL('https://example.com?t=12'), urlStr: "https://example.com", github: "https://example.com", }} style={{ '--w-rjv-background-color': '#ffffff', }} /> ) } Supports certain partial customizations such as: <Copied />, <CountInfo />, <CountInfoExtra />, <Ellipsis />, <KeyName />, <Row /> import React, { Fragment } from 'react'; import JsonView, { ValueQuote } from '@uiw/react-json-view'; const Copied = JsonView.Copied; export default function Demo() { retu
» 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
React Split
uiwjs.github.io › react-json-view
react-json-view
A React component for displaying and editing javascript arrays and JSON objects.
Videos
14:53
Generate ui in TERMINAL w/ JsonForms/React - YouTube
26:08
Generate ui w/ JsonForms/React - YouTube
Fetch Data from JSON File in React JS | React JSON [ UPDATED ] ...
36:17
Material UI Form Using Json In React | React Dynamic Form Part ...
19:49
Create Dynamic Form using JSON with Material UI | ReactJS - YouTube
12:49
Material UI Tutorial #9 - Using JSON Server - YouTube
GitHub
github.com › uiwjs › react-json-view › releases
Releases · uiwjs/react-json-view
A React component for displaying and editing javascript arrays and JSON objects. - uiwjs/react-json-view
Author uiwjs
GitHub
github.com › uiwjs › react-json-view › issues
uiwjs/react-json-view
A React component for displaying and editing javascript arrays and JSON objects. - uiwjs/react-json-view
Author uiwjs
UNPKG
app.unpkg.com › @uiw › react-json-view@2.0.0-alpha.27
uiw/react-json-view
JSON viewer for react.
CodeSandbox
codesandbox.io › examples › package › @uiw › react-json-view
@uiw/react-json-view examples - CodeSandbox
Use this online @uiw/react-json-view playground to view and fork @uiw/react-json-view example apps and templates on CodeSandbox.
DhiWise
dhiwise.com › post › mastering-data-visualization-with-react-json-viewer-components
Best Practices for Implementing a React JSON Viewer
September 5, 2024 - Creating a functional json component that utilizes React JSON Viewer is straightforward. Here’s an example of how to display JSON data: ... React JSON Viewer allows for extensive customization to fit the needs of your application.
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
Deno
deno.com › npm › package › @uiw › react-json-view
Use the @uiw/react-json-view npm package in Deno
Deno supports npm. You can install @uiw/react-json-view with $ deno install npm:@uiw/react-json-view
Reddit
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.
CloudDefense.ai
clouddefense.ai › code › javascript › example › react-json-view
Top 10 Examples of react-json-view code in Javascript
Dive into secure and efficient coding practices with our curated list of the top 10 examples showcasing 'react-json-view' in functional components in JavaScript.
Bundlephobia
bundlephobia.com › package › @uiw › react-json-view
@uiw/react-json-view ❘ Bundlephobia
Find the size of javascript package @uiw/react-json-view. Bundlephobia helps you find the performance impact of npm packages.
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
Debricked
debricked.com › select › package › npm-@uiw › react-json-view
View npm: @uiw/react-json-view | OpenText Core SCA
We cannot provide a description for this page right now
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
Medusa
docs.medusajs.com › documentation
JSON View - Admin Components - Medusa Documentation
To create a component that shows a JSON section in your customizations, create the file src/admin/components/json-view-section.tsx with the following content: ... 1import {2 ArrowUpRightOnBox,3 Check,4 SquareTwoStack,5 TriangleDownMini,6 XMarkMini,7} from "@medusajs/icons"8import {9 Badge,10 Container,11 Drawer,12 Heading,13 IconButton,14 Kbd,15} from "@medusajs/ui"16import Primitive from "@uiw/react-json-view"17import { CSSProperties, MouseEvent, Suspense, useState } from "react"18 19type JsonViewSectionProps = {20 data: object21 title?: string22}23 24export const JsonViewSection = ({ data }:
Npmpeer
npmpeer.dev › packages › @uiw › react-json-view › compatibility
@uiw/react-json-view versions and peer dependencies
Online Peer dependency version tool to search for compatible versions of related NPM packages