NuxtVueAdmin dashboard

dashboard-vue — Nuxt Admin dashboard Template

By imnebo

A Vue admin dashboard template built on Nuxt UI, featuring multi-page layouts, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette.

Open Source SiteDownload Source ZIP

Explore the design

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

2 previews
Desktop homepage1 / 2
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-10-13View source

What stands out

A quick read of the recorded project description.

01

Interface and components provided by Nuxt UI

02

Includes multiple pages and a collapsible sidebar

03

Supports keyboard shortcuts and a command palette

04

Built-in light and dark mode switching

05

Provides an online demo and a Vercel deployment entry

06

MIT license, free to use, modify, and distribute

Template Details

This is a Vue-oriented admin dashboard template whose interface and components are provided by Nuxt UI. The README states that it includes multiple pages, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette, making it suitable for building multi-column management interfaces.

The template provides an online demo site, can initialize a project with the ui-vue/dashboard template via the npm create nuxt command, and also offers a one-click Vercel deployment entry. Local development uses pnpm to install dependencies; the dev server runs on port 5173 by default, and build and preview commands are provided for production builds and local previews.

Note that the repository README also states that the Nuxt version of the dashboard template is in a separate repository (nuxt-ui-templates/dashboard), while this repository corresponds to the Vue version. The code is under the MIT license and may be used, modified, commercialized, and distributed for free, but third-party assets such as demo images, fonts, and icons must have their licenses checked separately, and external services such as domains, hosting, and databases may incur separate charges.

NuxtVueAdmin

Is it right for your project?

Use Cases

  • Building multi-column admin management interfaces
  • Serving as a starting template for Vue admin projects
  • Referencing how Nuxt UI components are organized in a dashboard

Suitable For

  • Projects developing admin management interfaces with Vue
  • Teams needing a ready-made dashboard layout and sidebar structure
  • Developers who want to build data interfaces based on Nuxt UI components

Getting started & customization

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

  1. 1

    Initialize the project with npm create nuxt@latest -- --no-modules -t ui-vue/dashboard

  2. 2

    Install dependencies with pnpm install

  3. 3

    Start the dev server with pnpm dev, default address http://localhost:5173

  4. 4

    Build the production version with pnpm build, and preview the production build locally with pnpm preview

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; 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

  • The code of this version may be used, modified, commercialized, and distributed for free.
  • 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 against 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/imnebo/dashboard-vue/blob/main/LICENSEhttps://github.com/imnebo/dashboard-vue/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. 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 · 77 / 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-04
Screenshot last checked
2026-10-13

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.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 94d96a59f45d4e9248798e9dd0c27dd09ae3d1ba78969c715a44fe44d1439147

2026-10-13T08:54:32.209Z

Source file / repository
# Vue 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 Vite + Vue 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-vue-template.nuxt.dev)
- [Documentation](https://ui.nuxt.com/docs/getting-started/installation/vue)

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

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

## Quick Start

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

## Deploy your own

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-name=dashboard-vue&repository-url=https%3A%2F%2Fgithub.com%2Fnuxt-ui-templates%2Fdashboard-vue&demo-image=https%3A%2F%2Fui.nuxt.com%2Fassets%2Ftemplates%2Fvue%2Fdashboard-dark.png&demo-url=https%3A%2F%2Fdashboard-vue-template.nuxt.dev%2F&demo-title=Vue%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:5173`:

```bash
pnpm dev
```

## Production

Build the application for production:

```bash
pnpm build
```

Locally preview production build:

```bash
pnpm preview
```
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

dashboard

dashboard

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

Nuxt · Admin dashboard

nuxt-shadcn-dashboard

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

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

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

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

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