NuxtVueAdmin dashboard

dashboard — Nuxt Admin dashboard Template

By xingxingmofashu

A Nuxt and TypeScript admin template with a Nuxt UI and Tailwind CSS interface, built-in nuxt-auth-utils authentication, and integrations for AntV, ECharts, and Unovis charts.

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-10-13View source

What stands out

A quick read of the recorded project description.

Admin template built with Nuxt and TypeScript

Interface uses Nuxt UI and Tailwind CSS

Built-in authentication via nuxt-auth-utils, with GitHub login implemented

Provides integration examples for AntV, ECharts, and Unovis charts

Map feature supports Amap, Baidu, and Tencent Maps, requiring your own keys

Template Details

This is a Nuxt-based admin interface template, described in the repository as a clean, elegant, and fairly capable admin template. The interface layer is built with Nuxt UI and Tailwind CSS, and the language is TypeScript. The template includes authentication via nuxt-auth-utils, with GitHub login already implemented; for charts, it provides examples using three visualization libraries: AntV, ECharts, and Unovis.

The README TODO list shows that Google login, email login, and profile settings are not yet complete, so these capabilities should not be considered available at present. The map feature requires obtaining keys from Amap, Baidu, or Tencent Maps and writing them into the corresponding variables in .env; GitHub OAuth requires creating an OAuth Application and configuring the client id, secret, and a NUXT_SESSION_PASSWORD of at least 32 characters.

Dependencies are installed with pnpm, and the development server runs on port 3000 by default. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as maps and hosting may incur costs.

NuxtVueBackend

Is it right for your project?

Use Cases

Building an admin interface that requires login and chart display
Comparing usage of AntV, ECharts, and Unovis in the same project
Using as a starter template for the Nuxt + Nuxt UI + Tailwind CSS combination
Admin scenarios that need to integrate Chinese map services and display map data

Suitable For

Frontend or full-stack developers using the Nuxt stack
Projects that need a ready-made admin layout and chart examples
Internal tools that want GitHub OAuth as the login entry point
Teams that accept obtaining map and OAuth credentials themselves

Getting started & customization

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

1
Install dependencies with pnpm: pnpm i
2
Configure NUXT_SESSION_PASSWORD in .env, at least 32 characters long
3
Create a GitHub OAuth Application with callback URL http://localhost:3000/api/auth/github, and fill in NUXT_OAUTH_GITHUB_CLIENT_ID and NUXT_OAUTH_GITHUB_CLIENT_SECRET
4
For map features, obtain keys from Amap, Baidu, or Tencent Maps and write them into NUXT_GAODE_MAP_TOKEN, NUXT_BAIDU_MAP_TOKEN, NUXT_TENCENT_MAP_TOKEN
5
Start the development server with npm run dev; the default address is http://localhost:3000

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version of a public repository under the MIT license; the free scope applies to this version of the code, not to external services or third-party assets.

Must comply with when using

Free use, modification, commercial use, and distribution of this version of the 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 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 additional charges.
The map feature requires obtaining keys from Amap, Baidu, or Tencent Maps and writing them into the corresponding .env variables; otherwise, map-related features will not work.
GitHub login requires creating an OAuth Application and configuring the client id and secret, which is an external service account requirement.
Session encryption requires setting a NUXT_SESSION_PASSWORD of at least 32 characters; without it, authentication sessions will not work properly.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

If you want to use the map, please apply the key from the following map providers:
Original README

Create a [GitHub Oauth Application](https://github.com/settings/applications/new) with:
Original README

To create sealed sessions, you also need to add `NUXT_SESSION_PASSWORD` in the `.env` with at least 32 characters:
Original README

https://github.com/xingxingmofashu/dashboard/blob/v1/LICENSE https://github.com/xingxingmofashu/dashboard/blob/v1/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 · 88 / 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-09
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: 158af5bb6f3a4d87b2357b661f6a90bbaf6cc60b4fa6bc5eefbce07ebea6c0ac

2026-10-13T05:29:11.794Z

Source file / repository

# System built with Nuxt ☑️

A clean, elegant, beautiful and powerful admin template using [Nuxt](https://nuxt.com) 

[![Deploy to Vercel](https://vercel.com/button)](https://xingxing-admin.vercel.app)

## 🚀 Features

- Build visual graphics using [AntV](https://antv.antgroup.com/), [Echarts](https://echarts.apache.org), [Unoivs](https://unovis.dev/)
- Authentication backed-in using [nuxt-auth-utils](https://github.com/atinux/nuxt-auth-utils)
- User interface made with [Nuxt UI](https://ui.nuxt.com)

## 🌐 Live demo

https://xingxing-admin.vercel.app

<p align="left">
<img src="./.github/assets/signin.png" alt="Sign in" width="45%" />
<img src="./.github/assets/preview.png" alt="Preview" width="45%" />
</p>

## 🚧 TODO

- [x] Login with Github
- [x] Create chart with AntV
- [x] Create chart with Echarts
- [x] Create chart with Unoivs
- [ ] Sign in with Google
- [ ] Sign in with Email
- [ ] Profile settings

## 🛠️ Setup

Make sure to install the dependencies using [pnpm](https://pnpm.io/):

```bash
pnpm i
```
If you want to use the map, please apply the key from the following map providers:
- [高德地图](https://lbs.amap.com/api/javascript-api-v2/prerequisites) 
- [百度地图](https://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey)
- [Tencent Map](https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic)

Add the variables in the `.env` file:

```bash
NUXT_GAODE_MAP_TOKEN=
NUXT_BAIDU_MAP_TOKEN=
NUXT_TENCENT_MAP_TOKEN=
```

Create a [GitHub Oauth Application](https://github.com/settings/applications/new) with:
- Homepage url: `http://localhost:3000`
- Callback url: `http://localhost:3000/api/auth/github`

Add the variables in the `.env` file:

```bash
NUXT_OAUTH_GITHUB_CLIENT_ID="my-github-oauth-app-id"
NUXT_OAUTH_GITHUB_CLIENT_SECRET="my-github-oauth-app-secret"
```

To create sealed sessions, you also need to add `NUXT_SESSION_PASSWORD` in the `.env` with at least 32 characters:

```bash
NUXT_SESSION_PASSWORD="your-super-long-secret-for-session-encryption"
```

## 💻 Development

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

```bash
npm run dev
```

## 📄 License

[MIT License](./LICENSE)

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

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

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