Nuxt Charts v3 — first-class Nuxt UI theming, with zero UI-framework lock-in
The open source charting library01 / 07

Create
beautiful
charts.

Modern Vue charts and components to build beautiful dashboards. Built with Tailwind CSS and Nuxt UI.

Get started

40k+

Monthly downloads

450+

GitHub stars

20+

Chart components

MIT

Licensed

Sponsor slot

Your product in front of Vue and Nuxt developers

This space is reserved for a sponsor. Support Nuxt Charts and reach teams building dashboards every day.

Become a sponsor
Built for dashboards02 / 07

Optimized. Typed. Beautiful.

Every chart ships server-safe, fully typed and themed by your design tokens, so a dashboard looks finished on the first render.

Spending over time

$5,550

Spending over time

Track spend against budget across the year with a smooth, gradient-filled area chart.

Average score

76

Quality benchmark

Compare current performance.

Reliability

94%

Open rings

Stacked radial bars.

Won this quarter

$1,200

Layered conversion funnel

Follow visitors through every stage down to won deals.

Chart types03 / 07

A chart for every story

From a first trend line to a complete data flow. Choose a chart type and start with the docs.

Trends

Area chart

Show change over time with a clear sense of volume.

Compare

Bar chart

Compare categories and rank values at a glance.

Movement

Line chart

Track movement, patterns and multiple series.

Share

Donut chart

Make the share of a whole immediately readable.

Relations

Bubble chart

Explore relationships across three dimensions.

Planning

Gantt chart

Turn projects and dependencies into a clear timeline.

Profiles

Radar chart

Compare a profile across several connected metrics.

Progress

Radial bar

Display progress and compact circular comparisons.

Conversion

Funnel chart

See where people move forward or drop away.

Markets

Candlestick

Read open, high, low and close values precisely.

Uptime

Status tracker

Summarize health and uptime across any period.

Flow

Sankey chart

Follow quantities as they flow between stages.

Pixel perfect design04 / 07

Clean data visualization

Customize every tiny detail with Vue charts and data components for Vue and Nuxt.

api.example.com
99.9% uptime
90 days agoToday

Premium Charts & Components

A clean library with hand crafted Vue components optimized for performance and designed to be pixel perfect.

Charts for all types of data

Designed to handle high-density data with pixel-perfect precision. Ready to deploy.

91%

Performance

Good score

Extended UI Library

From KPI cards to data tables with sort and filter

100+8.2%
Marketing
Sales
Development
Support

All Access for Nuxt Developers

Unlock the full ecosystem including source files, private GitHub access, and priority updates tailored specifically for the Nuxt stack.

Templates05 / 07

Grab a template, launch today

Stop building dashboards from scratch. Start from a finished layout and spend your time on features instead of UI.

Get a copyExplore templates
Clean Gray
Shadcn Dashboard
Planner
Dashboard
Reviews06 / 07

What developers say

Nuxt and Vue teams already shipping dashboards on Nuxt Charts.

I love your work! I use Nuxt for almost all my projects, and your charts are absolutely beautiful. You’ve actually inspired me to start building my own Nuxt module too!
Soraia

Soraia

@SoraiaDev

If you need beautiful charts in your Vue or Nuxt app, Nuxt Charts is a no-brainer for me - it's my go-to library for all such use cases!
Michael Hoffmann

Michael Hoffmann

@Mokkapps

Nuxt Charts is the simple, beautiful, and customizable charting library the Nuxt/Vue ecosystem was desperately missing.
Hugo

Hugo

@HugoRCD__

One of the best chart libraries for the Vue/Nuxt ecosystem. It's customizable, very modular, and its charts look good by default.
Fayaz Ahmed

Fayaz Ahmed

@Fayazara

My favorite way to add charts to Nuxt. Clean, simple and beautiful.
Sébastien Chopin

Sébastien Chopin

@Atinux

The Nuxt charts and dashboards are a breeze to use, it's so easy to implement them into my projects I can spend time on other things because I know I'll always have beautiful components at my disposal!
Matthewtyleraylward

Matthewtyleraylward

@Matthewtylerayl

Had the chance to try NuxtCharts, it makes adding charts to Nuxt projects effortless. Clean, fast, and feels native to the framework 💚
Volkan

Volkan

@Volkanuikielle

Nuxt Charts is just TOO easy to use and looks beautiful! We've incorporated it into our Nuxt UI course over at Vue School. Its just such an essential addition for any dashboard
Daniel Kelly

Daniel Kelly

@danielkelly_io

I was looking for a quick and easy way to create charts in Nuxt for a homemade dashboard. Nuxt Charts was the obvious choice: incredibly beautiful, great documentation, lots of templates. I feel like I'm going to use it on all my projects 😍
Thomas Sanlis

Thomas Sanlis

@T_Zahil

Want to add one? Submit here
Get started07 / 07

Add the module. Drop in a chart.

Run the install command, add nuxt-charts to nuxt.config, and AreaChart is auto-imported. Blocks and templates are optional when you want a whole screen.

Read the docsBrowse blocks

Frequently Asked Questions

Everything you need to know about our templates

How do I get access to the Nuxt Dashboard?

What's included in the All-Access Pass?

Can I customize the charts and components?

Do I need specific technical skills?

What types of Vue charts are available?

Can I use this for commercial projects?

What's the difference between the pricing tiers?

Do you offer refunds?

Nuxt Charts