Based on Vue3, Vite, TypeScript, and Naive UI, with styles using Unocss
VueViteAdmin dashboard
nova-admin — Vue Admin dashboard Template
By chansee97
An admin template based on Vue3, Vite, and TypeScript, using the Naive UI component library, offering permission management, dynamic routing, and multilingual support.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-08View source
What stands out
A quick read of the recorded project description.
Provides frontend and backend permission management solutions, supporting local static routes and backend dynamically generated routes
Wraps requests based on alova with unified response handling
Supports dark theme and multiple languages (i18n)
Configurable interface layouts based on pro-naive-ui
Re-wraps common components, and only runs eslint checks on commit
Template Details
Nova Admin is an admin template whose tech stack is Vue3, Vite, TypeScript, and Naive UI, with Unocss handling styles. The README states that the project aims to implement complete functionality in a simple way while balancing code standards and readability, avoiding over-encapsulation to facilitate secondary development.
Functionally, the template includes frontend and backend permission management solutions, supporting local static routes as well as routes dynamically generated by the backend; it wraps requests and configuration based on alova, providing unified response handling. The interface supports dark theme and multiple languages (i18n), and provides configurable layouts based on pro-naive-ui. The project re-wraps common components, and only runs eslint checks on commit.
Regarding usage and limitations, the README recommends using pnpm 10.x and Node.js 21.x for local development. Dependencies can be installed, development started, and artifacts built via pnpm commands. It also provides a docker-compose production deployment method, where nginx.conf is for reference only. API mocking uses ApiFox, and the official documentation and online preview addresses are given in the README. The accompanying backend project Nova-admin-nest is marked as under development in the README. The project uses the MIT license and can be used, modified, commercialized, and distributed for free, but third-party assets such as demo images, fonts, and icons need to be checked separately for licensing, and external services such as domains, hosting, and databases may incur additional charges.
VueViteAdmin
Is it right for your project?
Use Cases
- Building a frontend foundation for mid- and back-office management systems
- Backend projects requiring frontend and backend permission control and dynamic routing
- Management interfaces requiring dark theme and multilingual support
- As a starting point for secondary development, extending pages and components according to business needs
Suitable For
- Frontend teams using the Vue3 and TypeScript tech stack
- Developers of backend projects requiring permission management and dynamic routing
- Developers who want to build management interfaces based on Naive UI
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README recommends using pnpm 10.x and Node.js 21.x for local development
- 2
Install dependencies with pnpm i, run development with pnpm dev, and build with pnpm build
- 3
For production deployment, use docker compose -f docker-compose.product.yml up --build -d; the provided nginx.conf is for reference only
- 4
API mocking uses ApiFox; refer to the online documentation address given in the README
- 5
Third-party assets such as demo images, fonts, and icons need to be checked separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- Allows free use, modification, commercial use, and distribution of this version's code.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete 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 need to 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 additional charges.
- The local development environment recommends pnpm 10.x and Node.js 21.x; if versions do not match, dependency installation or project running may fail.
- The nginx.conf provided in the repository is for reference only; production deployment requires adjustment to your own environment and cannot be directly regarded as a usable configuration.
- API mocking relies on the ApiFox online service, requiring access to its online documentation and possibly involving third-party platform accounts or services.
- The accompanying backend project Nova-admin-nest is still under development and cannot yet serve as a complete usable backend solution.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
The local development environment is recommended to use pnpm 10.x, Node.js version 21.x.
Original README
The nginx.conf provided is for reference only. You can adjust it according to your own needs.
Original README
This project uses ApiFox for interface mock, check the online documentation for more interface details
Original README
https://github.com/chansee97/nova-admin/blob/main/LICENSEhttps://github.com/chansee97/nova-admin/blob/main/README.md[Nova-admin-nest](https://github.com/chansee97/nova-admin-nest) (under development)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-08. 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
- 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
- 2026-01-15
- Screenshot last checked
- 2026-10-08
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 Vue 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-08
Inspect the recorded source material
SHA-256: 3d2895baaf51e7dbb2d0ef9809c8cc58cf723a79baaa2314ef0243e27ffb5923
2026-10-08T12:34:56.442Z
Source file / repository<div align="center">
<img src="https://s2.loli.net/2023/10/27/WzQ4JLNV5epKh6X.png" style="width:150px"/>
<h1>Nova Admin</h1>
</div>
<div align="center">
<img src="https://img.shields.io/github/license/chansee97/nova-admin"/>
<img src="https://badgen.net/github/stars/chansee97/nova-admin?icon=github"/>
<img src="https://gitee.com/chansee97/nova-admin/badge/star.svg"/>
<img src="https://img.shields.io/github/forks/chansee97/nova-admin"/>
</div>
<div align='center'>
English | [中文](./README.zh-CN.md)
</div>
## Introduction
[Nova-admin](https://github.com/chansee97/nova-admin) is a clean and concise back-end management template based on Vue3, Vite5, Typescript, and Naive UI. It implements complete functionality in a simple way, while also considering code standards, readability, and avoiding excessive encapsulation to facilitate secondary development.
- [Nova-Admin preview](https://nova-admin.pages.dev/)
- [Nova-Admin docs](https://nova-admin-docs.pages.dev/)
## Features
- Developed based on the latest technology stack including Vue3, Vite6, TypeScript, NaiveUI, Unocss, etc.
- Based on [alova](https://alova.js.org/) encapsulation and configuration, providing unified response handling and multi-scenario capabilities.
- Comprehensive front-end and back-end permission management solution.
- Supports local static routes and dynamically generated routes from the back end, with easy route configuration.
- Secondary encapsulation of commonly used components to meet basic work requirements.
- Dark theme adaptation, maintaining the Naive style for interface aesthetics.
- Only performs eslint validation during submission without excessive restrictions for simpler development.
- Flexible and configurable interface layout based on [pro-naive-ui](https://github.com/Zheng-Changfu/pro-naive-ui)
- Multilanguage (i18n) support.
## Project preview
## Repo
- [Gitee](https://gitee.com/chansee97/nova-admin)
- [Github](https://github.com/chansee97/nova-admin)
## Interface document
This project uses ApiFox for interface mock, check the online documentation for more interface details
[online aipfox docs](https://nova-admin.apifox.cn)
## Install and use
The local development environment is recommended to use pnpm 10.x, Node.js version 21.x.
It is recommended to directly download the compressed package from [Releases](https://github.com/chansee97/nova-admin/releases)
```bash
# install dependencies
pnpm i
# Run
pnpm dev
# Build product
pnpm build
```
You can deploy **nova-admin** in a production environment using docker-compose.
```bash
# Build product
docker compose -f docker-compose.product.yml up --build -d
```
> The nginx.conf provided is for reference only. You can adjust it according to your own needs.
## Related projects
- [Nova-admin-nest](https://github.com/chansee97/nova-admin-nest) (under development) Nova-Admin supporting background project based on TS, NestJs, typeorm
## Learn to communicate
Nova-Admin is a completely open-source and free project. It is still being optimized and iterated. It is designed to help developers more conveniently develop medium and large management systems. If you have any questions, please ask questions in the QQ exchange group.
| Q-Group | wechat-Group |
| :--: |:--: |
| <img src="https://cdn.jsdelivr.net/gh/chansee97/static/nova-admin/q-group.png" width=170> |<img src="https://cdn.jsdelivr.net/gh/chansee97/static/wechat.png" width=170>|
> Please indicate the purpose of adding WeChat.
## Contribution
If you find any issues or have suggestions for improvement, please create an [issue](nova-admin/issues/new) or submit a PR. We welcome your contributions!
## Support
If you feel that this project is helpful for your work or study, please help me order a ✨ Star, which will be a great encouragement and support for me, or you can buy me a cup of coffee below
| wechat | alipay |
| :--: |:--: |
| <img src="https://cdn.jsdelivr.net/gh/chansee97/static/sponsor-wechat.png" width=170> | <img src="https://cdn.jsdelivr.net/gh/chansee97/static/sponsor-alipay.png" width=170>|
## Contributors
Thanks for all their contributions!
<a href="https://github.com/chansee97/nova-admin/graphs/contributors">
<img src="https://contrib.rocks/image?repo=chansee97/nova-admin" alt="contributors" />
</a>
## Star History
[](https://star-history.com/#chansee97/nova-admin&Date)
## License
[MIT](LICENSE)
Explore similar templates
Compare previews and descriptions within the same stack and category.
vuestic-admin
Vuestic Admin is an open-source Vue 3 admin template maintained by Epicmax, built on Vuestic UI with Vite, Pinia, and Tailwind CSS. It provides a ready-to-run dashboard with a dark theme, global configuration, i18n internationalization, and responsive layout.
Vue · Admin dashboard
v3-admin-vite
v3-admin-vite is an AI-friendly Vue3 admin template built on Vue3, Vite, TypeScript, and Element Plus. It keeps a lean structure with detailed comments, supports backend-controlled dynamic route permissions, page-level and button-level permissions, multiple themes and layouts, and mobile compatibility.
Vue · Admin dashboard
vue-typescript-admin-template
A Vue 2.6 + TypeScript + Element UI admin template ported from vue-element-admin, offering type safety and enterprise features like permission authentication, internationalization, dynamic themes, editors, charts, Excel/PDF handling, and PWA support.
Vue · Admin dashboard
vue-antd-admin
Vue Antd Admin is the Vue implementation of Ant Design Pro, providing an out-of-the-box front-end and design solution for admin dashboards.
Vue · Admin dashboard
coreui-free-vue-admin-template
CoreUI's official free Vue admin template, MIT licensed, built on Vue 3 and the CoreUI component library with Vue Router, Pinia, and Vite.
Vue · Admin dashboard
vue-light-bootstrap-dashboard
A free Vue admin template based on Bootstrap 4, with vue-router, Chartist charts, and Google Maps components, suitable for quickly building data-oriented admin interfaces.
Vue · Admin dashboard