Lightweight React Charts

Most chart libraries add 200-500kb to your bundle. Chart.ts ships the entire library at under 15kb gzipped. Import only the charts you use and ship as little as 2kb. Zero runtime dependencies. Your Lighthouse score stays green.

$npm install @chartts/react
example.tsx
// Import only what you use
import { LineChart } from "@chartts/react/line"  // ~2.5kb
import { BarChart } from "@chartts/react/bar"    // ~2.8kb
import { PieChart } from "@chartts/react/pie"    // ~2.2kb

// Total: ~7.5kb for 3 chart types
// Compare: Chart.js = 60kb, Recharts = 45kb, ECharts = 300kb+

export function Dashboard() {
  return (
    <>
      <LineChart data={revenue} x="month" y="amount" />
      <BarChart data={sales} x="product" y="count" />
      <PieChart data={share} label="name" value="pct" />
    </>
  )
}

Features

Under 15kb gzipped for the entire library
~2-4kb per chart type with tree-shaking
Zero runtime dependencies
10x smaller than Chart.js
20x smaller than ECharts
No impact on Lighthouse performance score
ESM tree-shaking with per-chart imports
Read the DocsSee DemosExamples