Nuxt Dashboard Template

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.

• Live demo
• Documentation

<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

npm create nuxt@latest -- -t ui/dashboard

Deploy your own

Setup

Make sure to install the dependencies:

pnpm install

Development Server

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

pnpm dev

Production

Build the application for production:

pnpm build

Locally preview production build:

pnpm preview

Check out the deployment documentation for more information.

Renovate integration

Install Renovate GitHub app on your repository and you are good to go.