shadcn-echarts

Beautiful shadcn-style ECharts components.

2D charts work out of the box. 3D/WebGL charts are supported with optional echarts-gl setup. Use it as an npm dependency, install components via shadcn registry, or copy and own the component source in your app.

Installation methods Theme integration Components and examples

Quick install

pnpm add @devstool/shadcn-echarts echarts react

Quick shadcn add

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/bar-chart.json

Live demo

See the library in a real dashboard app: shadcn-echarts-demo.devstool.dev/dashboard

Source code: github.com/noobships/shadcn-echarts-demo

What this site provides

Install guides for all supported distribution methods.
Registry endpoint documentation for shadcn CLI usage.
Theming and preset guidance for production use.
A component map linked to the interactive demo workspace.