Skip to content
usefy

JsonViewer

ComponentsJSON inspection

Virtualized JSON tree viewer for React — a bounded DOM at any payload size, chunked search, and a zero-dependency headless engine

npmSourceFull READMEStorybook demo ↗

Live demo

Install

$ npm install @usefy/json-viewer

Quick start

JsonViewer.tsx
import { JsonViewer } from "@usefy/json-viewer";

export function ResponseInspector({ payload }: { payload: unknown }) {
  return <JsonViewer data={payload} height={480} />;
}

Go deeper

This page is the quick reference. For every example, prop, and edge case, read the full README — or open Storybook to change props live.

Full README →Open in Storybook →

More in components

Confetticomponent

Canvas confetti and celebration engine for React — pooled particle physics, burst and continuous emit modes, and a zero-dependency headless core

Components
DiffViewercomponent

Text diff viewer for React — hand-written linear-space Myers engine with word-level intra-line highlighting, hunk collapsing, and a zero-dependency headless core

Components
MemoryMonitorcomponent

React component for real-time browser memory monitoring with slide-in panel UI

Components