1. Project Overview

Nova Admin

A Simple and Clean Admin Dashboard Template

Nova-admin is a simple and clean admin dashboard template built with Vue3, Vite5, Typescript, and Naive UI. It implements complete functionality in a straightforward way while emphasizing coding standards, readability, and maintainability. It avoids excessive abstraction and encapsulation, making secondary development easier.

2. Open Source License

Licensed under MIT

3. Screenshots

Project Preview

4. Feature Overview

Nova-admin is a simple and clean admin dashboard template built with Vue3, Vite5, Typescript, and Naive UI. It implements complete functionality in a straightforward way while emphasizing coding standards, readability, and maintainability. It avoids excessive abstraction and encapsulation, making secondary development easier.

Features

• Developed with the latest technology stack, including Vue3, Vite5, TypeScript, NaiveUI, and Unocss.

• Built on alova with unified response handling and support for multiple scenarios through flexible configuration.

• Comprehensive Frontend and Backend Permission Management Solution

• Supports both local static routes and dynamic routes returned by the backend. Routes are simple to configure.

• Provides enhanced wrappers for frequently used components to meet basic development needs

• Supports dark themes while maintaining the native Naive UI design style.

• ESLint validation is performed only when submitting, with minimal restrictions for a simpler development experience.

• Flexible and configurable interface styling and layout.

5. Tech Stack

Installation and Usage

For the local development environment, pnpm 8.x and Node.js 18.x are recommended.

# install dependencies
pnpm i

# Run
pnpm dev

# Build product
pnpm build

API documentation

This project uses ApiFox for API mocking. Refer to the online documentation for more API details.

Naïve UI

A Vue 3 Component Library

Feature-rich, theme-customizable, TypeScript-based, and fast.

I've done my best to keep it from getting too slow. At least select, tree, transfer, table, and cascader all support virtual lists.

Pretty Interesting

Feature-Rich

Includes over 90 components to help you write less code.

Uses TypeScript

Naive UI is written entirely in TypeScript and integrates seamlessly with your TypeScript projects.

By the way, you don't need to import any CSS to make the components work properly.

Note that naive-ui only supports Vue3. If you're using Vue2, you can check out other libraries.