shadcn-echarts Demo

Minimal Next.js reference project for developers exploring @devstool/shadcn-echarts.

This repository is a practical usage demo of @devstool/shadcn-echarts, built with Next.js App Router and TypeScript.

Part of the devstool brand, maintained under the noobships account.

Try It Live

• Library: shadcn-echarts.devstool.dev
• Demo: shadcn-echarts-demo.devstool.dev

What This Repo Shows

• Typed chart configuration patterns across multiple chart types
• Dashboard-oriented UI composition with shadcn-style components
• Theme-friendly chart rendering in a real app structure
• A concrete example developers can copy, adapt, and extend

Stack

• Next.js 16
• TypeScript
• @devstool/shadcn-echarts + Apache ECharts
• Tailwind CSS 4

Quick Start

pnpm install
pnpm dev

Open http://localhost:3000.

Scripts

pnpm dev
pnpm build
pnpm lint
pnpm lint:oxlint
pnpm lint:oxlint:strict

Project Layout

app/                    # Routes and dashboard pages
components/             # Chart wrappers and UI components
lib/                    # Demo data and data shaping utilities
hooks/                  # Client hooks used by dashboard pages

Contributing

See CONTRIBUTING.md.

Contact

Built by @noobships under the devstool brand.

For feedback or issues, open an issue: https://github.com/noobships/shadcn-echarts-demo/issues

License

MIT. See LICENSE.