# JSON viewer

A collapsible JSON tree with search, paging for long arrays, and copy value or path.

- ID: `json-viewer`
- Import: `animui/json-viewer`
- Category: Data
- Runtime exports: `JsonViewer`, `default`
- Declaration: `types/free/components/json-viewer.d.ts`
- Type provenance: emitted-original-typescript
- Related: tree-view, code-block, search-field, copy-button

```tsx
import { JsonViewer } from 'animui/json-viewer';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info json-viewer` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { JsonViewer, default } from '../registry/components/json-viewer/json-viewer.js';
export type { JsonValueType, JsonViewerCopyDetail, JsonViewerProps } from '../registry/components/json-viewer/json-viewer.js';
```