Skip to content
shadcn.sealambda.com

@json-view-cn

A collapsible, syntax-highlighted JSON tree viewer component for React, built with Base UI

We couldn't automatically resolve a GitHub repository for @json-view-cn, so maturity metrics aren't available. Visit the homepage below for the registry's components.

Classification

License, pricing and purpose

License
Unknown
Unknown: No repository data.
Access
Unknown
No repository data to judge from.
Purpose
A collapsible, syntax-highlighted JSON tree viewer component for React built with shadcn/ui and Base UI.
Commercial model
Free
Everything the project offers is free to use, with no paid tier. Donations and sponsorships do not count as paid.
Tied to a service
No
Yes when the components are a client for a commercial API or service.
Scope
Domain-specific
Focused on one problem area, such as charts, AI chat, an editor, a status page or payments; an app adds it for that feature only.
Design
Vanilla shadcn
Looks like default shadcn/ui: the same shapes, spacing, borders and neutral palette, at most with another accent color.
Coverage
0%
Share of shadcn/ui core primitives that the registry ships.

Evidence

  • “Ready to be copy-pasted into your project. npx shadcn@latest add https://json-view-cn.vercel.app/r/json-view.json”
    commercial · homepage ↗
  • “A fully-customizable, collapsible, syntax-highlighted JSON tree viewer component for React. Built with shadcn/ui, Base UI, and Tailwind CSS v4.”
    scope · homepage ↗
  • “A fully-customizable, collapsible, syntax-highlighted JSON tree viewer component for React. Built with shadcn/ui, Base UI, and Tailwind CSS v4.”
    design · homepage ↗

AI-suggested by google/gemini-3.8-flash@Google on 2026-10-02

Usage

Install

Add components from this registry with the shadcn CLI (configure the registry URL in your components.json): 

pnpm dlx shadcn@latest add @json-view-cn/[component]

endpoint: https://json-view-cn.vercel.app/r/{name}.json

Homepage ↗
README

Embed the maturity badge

Add a live maturity badge to your README:

@json-view-cn shadcn maturity badge

[![shadcn maturity](https://shadcn.sealambda.com/badge/json-view-cn.svg)](https://shadcn.sealambda.com/registry/json-view-cn/)

← all registries