NuxtVueViteAdmin dashboard

nuxt-admin-template — Nuxt Admin dashboard Template

By lhlyu

A Nuxt3, Vite, ElementPlus, Vue3, and TypeScript admin template that organizes pages with flat routing.

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-02View source

What stands out

A quick read of the recorded project description.

01

Built with Nuxt3 and Vite, written in Vue3 and TypeScript

02

Uses ElementPlus for UI components

03

Menus are generated from meta definitions; run pnpm postinstall after changes

04

Uses flat routing throughout to avoid the Nuxt3 keepalive caching issue under nested routes

05

MIT-licensed, permitting free use, modification, commercial use, and distribution

Template Details

This template is a Nuxt3 admin interface project. Its stack includes Vite, ElementPlus, Vue3, and TypeScript, and the repository is MIT-licensed.

The menu is driven by meta definitions: after modifying the meta definitions in the type declarations, run pnpm postinstall to generate the menu. The README notes that because of a known Nuxt3 keepalive issue (nuxt/nuxt#27401), selective caching under nested routes is difficult to implement, so the project uses flat routing throughout.

The project references several admin templates and component libraries, including soybeanjs, bag-admin, MineAdmin, element-plus-admin, and vue3-tabs-chrome, and links to documentation on the Nuxt3 directory structure, the icon module, and the Icones icon library. The repository does not provide more detailed feature descriptions or deployment documentation.

NuxtVueViteAdmin

Is it right for your project?

Use Cases

  • A starting point for a Nuxt3 + ElementPlus admin interface
  • Organizing admin pages with flat routing to avoid nested-route caching issues
  • Referencing an implementation of meta-driven menu generation
  • Learning how Nuxt3, Vue3, TypeScript, and ElementPlus work together

Suitable For

  • Frontend developers familiar with Vue3 and TypeScript
  • Small teams needing a Nuxt3 admin template as a project starting point
  • Projects that accept a flat routing structure and do not require selective caching for nested routes

Getting started & customization

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

  1. 1

    After modifying menu meta definitions, run pnpm postinstall to generate the menu

  2. 2

    The project uses flat routing; selective caching under nested routes is not implemented

  3. 3

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

  4. 4

    External services such as domains, hosting, and databases may incur additional costs

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing 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 liability limitations 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/lhlyu/nuxt-admin-template/blob/master/LICENSEhttps://github.com/lhlyu/nuxt-admin-template/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 86 / 100
Technologies
Nuxt · Vue · Vite
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
2025-01-11
Screenshot last checked
2026-10-02

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: e16261d172cab379968d4c408ef52482c729377d14d237fcbad8d8931e4a6542

2026-10-02T17:22:06.955Z

Source file / repository
# Nuxt-Admin-Template

一款Nuxt3管理模板，基于Vite、ElementPlus、Vue3和TypeScript。


## 使用

### 菜单meta定义

- [类型声明](app/index.d.ts)

- 修改meta定义后生成菜单

```
pnpm postinstall
```

## 问题

- Nuxt3 keepalive存在问题 [27401](https://github.com/nuxt/nuxt/issues/27401)，嵌套路由导致实现选择性缓存很难，所以全部使用扁平路由


## 参考

- [nuxt3目录结构](https://nuxt.com.cn/docs/guide/directory-structure)
- [图标模块](https://nuxt.com.cn/modules/icon)
- [图标](https://icones.js.org/)
- [清新优雅、高颜值且功能强大的后台管理系统](https://soybeanjs.cn/)
- [bag-admin](https://vite.itnavs.com/admin/)
- [MineAdmin](https://github.com/mineadmin/MineAdmin-Vue)
- [element-plus-admin](https://element-plus-admin.cn/)
- [vue3-tabs-chrome](https://github.com/viewweiwu/vue3-tabs-chrome)
- [epic-astronomy/Waterfalls](https://github.com/epic-astronomy/Waterfalls)
- [zptime/nuxt-admin-template](https://github.com/zptime/nuxt-admin-template)
- [vampirefan/admin3](https://github.com/vampirefan/admin3)
- [oliver225/thingsboard-ui-vue3](https://gitcode.com/oliver225/thingsboard-ui-vue3/overview)
- [updateTemplates](https://stackblitz.com/edit/github-zcarjt?file=modules%2Ftest.ts)
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