Svelte Chart Library

Native Svelte components for 40+ chart types. Reactive stores, Tailwind CSS classes, TypeScript, and full SvelteKit SSR support. Under 15kb for the entire library.

$npm install @chartts/svelte
example.tsx
<script lang="ts">
  import { LineChart } from "@chartts/svelte"

  const data = [
    { month: "Jan", revenue: 4200 },
    { month: "Feb", revenue: 5800 },
    { month: "Mar", revenue: 7100 },
  ]
</script>

<LineChart
  {data}
  x="month"
  y="revenue"
  class="h-64"
  lineClass="stroke-cyan-400"
/>

Features

Native Svelte components
Reactive with Svelte stores
Tailwind CSS on every element
Full TypeScript support
SvelteKit SSR compatible
WCAG AA accessible
Under 15kb gzipped
Read the DocsSee DemosExamples