lawvs/json-viewer

@textea/json-viewer is a React component that lets you display structured data in an interactive, collapsible tree view. Despite the name, it handles more than just JSON, it can render objects, arrays, Maps, Sets, and primitive values, making it a general-purpose data viewer for web apps. When you feed it a data object, the component renders it as an expandable outline where users can click to drill into nested values. It comes with practical features built in: copy-to-clipboard, metadata like string lengths and item counts, and a basic editor so users can tweak values on the page. You can also define custom data types, for example, detecting a URL that points to an image and rendering it as a thumbnail inline rather than as plain text. Theming is supported with light, dark, and Base16 color schemes. This would appeal to developers building dashboards, admin panels, debug tools, or any interface where users need to inspect nested data. For instance, if you're building an analytics dashboard and want to show the raw response from an API call alongside your charts, this component gives you a polished viewer without building one from scratch. It's also useful for internal tools where engineers need to inspect API payloads or configuration objects. One thing to note: it's built on top of Material-UI (MUI), so you'll need that library installed as well. It's fully written in TypeScript and supports server-side rendering. The README describes it as a step beyond a prior project called react-json-view, with broader data type support and more customization options. The tradeoff is the MUI dependency, if your project doesn't already use it, pulling in that library adds some weight, but if it does, this component fits in naturally.