Vue Chart Library

Chart.ts provides native Vue 3 components for 40+ chart types. Reactive props, Tailwind CSS integration, full TypeScript support, and works with Nuxt 3 out of the box.

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

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

<template>
  <LineChart
    :data="data"
    x="month"
    y="revenue"
    class="h-64"
    line-class="stroke-cyan-400"
  />
</template>

Features

Native Vue 3 components with reactive props
40+ chart types
Tailwind CSS class binding on every element
Full TypeScript support
Works with Nuxt 3 SSR
WCAG AA accessible
Under 15kb gzipped (entire library)
Read the DocsSee DemosExamples