Charts for Nuxt

Chart.ts provides native Vue 3 components that work with Nuxt 3 out of the box. Server-side rendering, auto-imports, Tailwind CSS integration, and TypeScript support. Under 15kb for the entire library.

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

const { data: metrics } = await useFetch("/api/metrics")
</script>

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

Features

Native Vue 3 components
Nuxt 3 SSR support
Auto-imports compatible
Tailwind CSS class binding
Full TypeScript support
65+ chart types
Under 15kb gzipped
Read the DocsSee DemosExamples