The chartcn registry ships matching ChartGPU and PixiJS components in the shadcn registry format. Register the namespace once in components.json, then pull items by name with the CLI.
Setup
Add a registries entry for this site. See the shadcn registry documentation for all components.json fields and behaviors.
{
"registries": {
"@chartcn": "https://chartcn.com/r/{name}.json"
}
}You can replace @chartcn with another namespace; it only needs to match what you pass to shadcn add.
Usage
Items are organized as reusable chart families and complete chart blocks.
Install a chart component:
$ pnpm dlx shadcn@latest add @chartcn/chartgpu/line-chart
Install the same chart with PixiJS and WebGL fallback:
$ pnpm dlx shadcn@latest add @chartcn/pixijs/line-chart
Install a complete block:
$ pnpm dlx shadcn@latest add @chartcn/chartgpu/monospace-bar-chart
Without a registry alias, use the full URL shown on each docs page:
$ pnpm dlx shadcn@latest add https://chartcn.com/r/chartgpu/line-chart.json
$ pnpm dlx shadcn@latest add https://chartcn.com/r/pixijs/line-chart.json
$ pnpm dlx shadcn@latest add https://chartcn.com/r/chartgpu/monospace-bar-chart.json
The CLI installs the selected source files with either @chartgpu/chartgpu or pixi.js, plus the matching shared registry dependencies.