Welcome to shadcn-vue-echarts
Comprehensive Vue 3 ECharts wrapper with shadcn theming support.
What is it?
shadcn-vue-echarts provides:
- Headless ECharts wrapper — Control your charts with simple, reactive props
- Shadcn theming — Automatic integration with shadcn CSS variables (light/dark mode)
- SSR-safe — Works with Nuxt 3 and other SSR frameworks
- Type-safe — Full TypeScript support
- Zero bundled echarts — Ship only what you use
Quick Features
✨ Drop-in <Chart /> component
🎨 Shadcn-compatible CSS variables
🌓 Auto dark mode detection
📱 Responsive resizing
⚡ Lightweight and tree-shakeable