A dashboard-first component library for Nuxt. Stat cards, charts, data tables, calendars and full page templates, themed by the config you already have.
Free & MIT engine.UI components from €99, one-time.
1<script setup lang="ts">2const { data: stats } = await useFetch('/api/stats')3const { data: traffic } = await useFetch('/api/traffic')4const { data: orders } = await useFetch('/api/orders')5</script>67<template>8 <UDashboardPanel id="overview">9 <template #header>10 <UDashboardNavbar title="Overview" />11 </template>1213 <template #body>14 <DDashboardGrid>15 <DMetric16 v-for="stat in stats"17 v-bind="stat"18 caption="vs previous period"19 />20 <DStackedBarChart21 title="Traffic by channel"22 :labels="traffic.days"23 :series="traffic.channels"24 />25 <DCalendar :events="events" readonly />26 <UTable :data="orders" />27 </DDashboardGrid>28 </template>29 </UDashboardPanel>30</template>Composable, typed and themed by your Nuxt UI config. Drop them into any page, or start from the full starter app.
Stage-by-stage conversion with the drop-off between every step. Hover a stage for counts and losses.
Segment breakdowns with a live center readout and a linked legend.
Stat cards with trends, sparklines, meters and live indicators.
Year-over-year comparison with crosshair readouts. Lines, areas and fills follow your theme.
Dot matrix, choropleth, tile and globe views from real geo data, with hover readouts and a shared color scale.
Search, sorting, filters, row selection, bulk actions, pagination and CSV export, generated from your models.
Dashboard grids, panels, toolbars and resizable split views that hold up on every screen size.
A full calendar, spreadsheet, slide deck, invoice and document editor, built from the same parts.
Heatmaps, meters, ranked lists, country tables, empty states, chat blocks and the full starter app.
Business documents that read from the same data as your charts. Edit a cell, flip through a deck or bill a client without leaving the app.
Pay once per license. Every version released in your first 12 months is yours to keep.
For your own projects and internal tools.
One-time · 1 developer
Buy ProFor client work and products you sell.
One-time · 1 developer
Buy CommercialFor product teams and agencies.
One-time · Up to 10 developers
Buy TeamsThe open-source module on npm. Free for any project, commercial included.
Prices exclude VAT, which Stripe adds at checkout. See the license for what each tier covers.
The engine, nuxt-dashboard on npm, is MIT licensed and free for any project. It turns your models into admin pages. The 50+ Dashboard UI components, the editors and the starter app need a license and install from our private registry.
Pro covers one developer building their own projects and internal tools. Commercial covers one developer building client projects and SaaS products sold to others. Teams covers up to 10 developers with the same commercial use.
You keep using every version released during your 12 months, forever. For releases after that, buy the license again to get another 12 months of updates.
After checkout, create a license key on your Licenses page and run npx nuxt-dashboard-cli@latest login. In CI, set NUXT_DASHBOARD_LICENSE_KEY and point the @nuxtdashboard scope at registry.nuxtdashboard.com.
Yes. Everything is built on Nuxt 4 and Nuxt UI v4, and themed through your existing app config, so your colors and components carry over.
Prices exclude VAT. Stripe calculates it at checkout from your billing address, and you can add a VAT number for your business. You get an invoice by email.
Yes. Email support@nuxtdashboard.com within 14 days of purchase for a full refund. A refund ends the license and revokes its key.
Install the free engine in one command, or get a license for every component, editor and the starter app.