NuxtVueAdmin dashboard

dashboard — Nuxt Admin dashboard Template

By nuxt-ui-templates

A dashboard template built on Nuxt and Nuxt UI, featuring multiple pages, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

Dashboard template built on Nuxt and Nuxt UI

Includes multiple pages and a collapsible sidebar

Supports keyboard shortcuts and a command palette

Built-in light and dark mode switching

Provides a one-click Vercel deployment entry

Has a corresponding Vue version repository

Template Details

This is a dashboard template built with Nuxt and Nuxt UI. The repository is maintained by nuxt-ui-templates and is MIT licensed. The README states that it provides a multi-page layout, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette, making it suitable as a starting point for admin interface projects.

The template is created via the official Nuxt scaffolding command: npm create nuxt@latest -- -t ui/dashboard. For local development, install dependencies with pnpm install, start the dev server with pnpm dev at http://localhost:3000, build the production version with pnpm build, and preview the production build locally with pnpm preview. The README also provides a one-click Vercel deployment entry and mentions that the Renovate GitHub app can be installed for dependency updates.

A corresponding Vue version is available at nuxt-ui-templates/dashboard-vue. The demo site is dashboard-template.nuxt.dev, and the repository includes actual screenshots for desktop and mobile. Third-party assets (such as images, fonts, and icons) and external services must be checked separately for their respective licenses and fees.

NuxtVueAdmin

Is it right for your project?

Use Cases

Building the initial interface for an admin backend or data dashboard
Learning how Nuxt UI components are organized in a backend scenario
Serving as an interface starting point for internal tool projects
Quickly deploying a demo or prototype on Vercel

Suitable For

Frontend developers using the Nuxt stack
Teams needing a foundational dashboard interface structure
Learners looking for a Nuxt UI backend layout example

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Create the project with npm create nuxt@latest -- -t ui/dashboard
2
Install dependencies with pnpm install
3
Start the dev server with pnpm dev at http://localhost:3000
4
Build the production version with pnpm build, and preview locally with pnpm preview
5
Third-party assets such as demo images, fonts, and icons must be checked separately for licensing

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/nuxt-ui-templates/dashboard/blob/main/LICENSE https://github.com/nuxt-ui-templates/dashboard/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 100 / 100
Technologies: Nuxt · Vue
Website type: Admin dashboard

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-09-28
Screenshot last checked: 2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: dfef2a2d27b7d0c97242792fbee1ba6b7629fee3511b3fc9f44b6cd6ff61599d

2026-10-01T13:51:08.771Z

Source file / repository

# Nuxt Dashboard Template

[![Nuxt UI](https://img.shields.io/badge/Made%20with-Nuxt%20UI-00DC82?logo=nuxt&labelColor=020420)](https://ui.nuxt.com)

Get started with the Nuxt dashboard template with multiple pages, collapsible sidebar, keyboard shortcuts, light & dark mode, command palette and more, powered by [Nuxt UI](https://ui.nuxt.com).

- [Live demo](https://dashboard-template.nuxt.dev/)
- [Documentation](https://ui.nuxt.com/docs/getting-started/installation/nuxt)

<a href="https://dashboard-template.nuxt.dev/" target="_blank">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://ui.nuxt.com/assets/templates/nuxt/dashboard-dark.png">
    <source media="(prefers-color-scheme: light)" srcset="https://ui.nuxt.com/assets/templates/nuxt/dashboard-light.png">
    <img alt="Nuxt Dashboard Template" src="https://ui.nuxt.com/assets/templates/nuxt/dashboard-light.png">
  </picture>
</a>

> The dashboard template for Vue is on https://github.com/nuxt-ui-templates/dashboard-vue.

## Quick Start

```bash [Terminal]
npm create nuxt@latest -- -t ui/dashboard
```

## Deploy your own

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-name=dashboard&repository-url=https%3A%2F%2Fgithub.com%2Fnuxt-ui-templates%2Fdashboard&demo-image=https%3A%2F%2Fui.nuxt.com%2Fassets%2Ftemplates%2Fnuxt%2Fdashboard-dark.png&demo-url=https%3A%2F%2Fdashboard-template.nuxt.dev%2F&demo-title=Nuxt%20Dashboard%20Template&demo-description=A%20dashboard%20template%20with%20multi-column%20layout%20for%20building%20sophisticated%20admin%20interfaces.)

## Setup

Make sure to install the dependencies:

```bash
pnpm install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
pnpm dev
```

## Production

Build the application for production:

```bash
pnpm build
```

Locally preview production build:

```bash
pnpm preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

## Renovate integration

Install [Renovate GitHub app](https://github.com/apps/renovate/installations/select_target) on your repository and you are good to go.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

nuxt-shadcn-dashboard

A backend dashboard template built with Nuxt, Shadcn Vue, and TailwindCSS. It offers configurable sidebar collapse modes (offcanvas, icon, none), positions, and styles (sidebar, floating, inset), along with nine theme colors and three theme types.

Nuxt · Admin dashboard

dashboard-vue

A Vue admin dashboard template built with Nuxt UI, offering multiple pages, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette. Suitable for admin backends, data dashboards, or as a reference for learning Nuxt UI layouts.

Nuxt · Admin dashboard

vitify-nuxt

Vitify Nuxt is an admin dashboard starter template built on Nuxt and Vuetify, featuring a drawer layout, automatic navigation and breadcrumbs, notification state, ECharts charts, theming and dark mode, and authentication via nuxt-auth-utils.

Nuxt · Admin dashboard

Modernize-nuxtjs-free

Modernize NuxtJS Free is a free, developer-oriented admin dashboard template from AdminMart, built with Nuxt, Vuetify, and TypeScript. It offers a responsive layout, basic pages and components, and Chart.js charts, making it suitable for admin panels, SaaS dashboard prototypes, and internal tools.

Nuxt · Admin dashboard

shadcn-nuxt-starter

A Nuxt 3 starter template using Shadcn-vue, UnoCSS, and TypeScript, with Vite as the build tool. It supports three rendering modes from one codebase: SSR for SaaS, SSG for documentation, and CSR for admin dashboards.

Nuxt · Admin dashboard

materio-vuetify-nuxtjs-admin-template-free

A free, MIT-licensed admin template built on Nuxt 3, Vue 3, and Vuetify 3, offering dashboards, account settings, login/registration, forms, and tables for front-end developers and teams.

Nuxt · Admin dashboard