Charts for SvelteKit

Native Svelte components that work with SvelteKit load functions, SSR, and streaming. Reactive stores, Tailwind CSS integration, and TypeScript support. Under 15kb for everything.

$npm install @chartts/svelte
example.tsx
<!-- src/routes/dashboard/+page.svelte -->
<script lang="ts">
  import { BarChart } from "@chartts/svelte"
  import type { PageData } from "./$types"

  export let data: PageData
</script>

<BarChart
  data={data.metrics}
  x="month"
  y="sales"
  class="h-64"
  barClass="fill-cyan-500"
/>

Features

Works with SvelteKit load functions
Server-side rendering support
Reactive with Svelte stores
Tailwind CSS on every element
Full TypeScript support
65+ chart types
Under 15kb gzipped
Read the DocsSee DemosExamples