React Json View
react-json-view
Interactive react component for displaying javascript arrays and JSON objects.
Component Libraries
array-viewer
base-16
component
interactive
interactive-json
json
json-component
json-display
json-tree
json-view
Stars
3.7k
Weekly
884k
Open issues
192
Bundle
~25 kB
Installation
npm install react-json-viewCode example
import { Button } from "react-json-view";
export function Example() {
return (
<div className="flex gap-2">
<Button>Primary</Button>
<Button variant="outline">Secondary</Button>
</div>
);
}Pros & cons
Pros
- Actively maintained by Mac Gainor
- 884k weekly downloads. Battle tested
- MIT licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 192 open issues on GitHub