kora-ui
Special components · Data display

JSON viewer

Expandable tree for inspecting JSON payloads. Color-codes primitives, shows item counts when collapsed, and handles arrays + deeply nested objects.

Preview

package stats
{
repo:"isaaldair/kora-ui"
version:"0.1.3"
stars:0
features:[
0:"tailwind"
1:"typescript"
2:"tree-shakable"
]
nested:{
palette:"default"
hues:17
shades:11
total:187
}
maintainers:[
0:{
name:"Isaac Avila"
role:"author"
active:true
}
]
flaky:null
deprecated:false
}

Usage

 
TSX
import { JsonViewer } from "kora-ui/client";

<JsonViewer data={payload} />
<JsonViewer data={payload} collapsedByDefault rootLabel="response" />