Project Introduction 📖

🚀 vue3-naiveui-admin is an extremely simple, out-of-the-box enterprise-level backend management frontend template built with Vue3, Vite, TypeScript, and Naive UI.

Ecosystem

Project	Description	Tech Stack
vue3-naiveui-admin	🎯 Current Project	Vue3 + NaiveUI + TypeScript
youlai-boot	☕ Java Backend	Spring Boot + MyBatis Plus
youlai-nest	🟢 Node Backend	Nest.js + TypeORM

Multiple Versions Support

💡 Element Plus versions are updated synchronously

Version	Description	Repository
Standard Edition	Complete management system	vue3-element-admin
Lite Edition	Lightweight development template	vue3-element-template
JS Version	JavaScript version	vue3-element-admin-js

Online Experience 👀

• Link： https://vue.youlai.tech/naiveui

Code Repository ⭐

• Gitee： https://gitee.com/zimo493/vue3-naiveui-admin
• GitHub： https://github.com/zimo493/vue3-naiveui-admin

Core Features 🎈

Technology Stack

• Frontend Framework: Vue 3.5 + Vite 7 + TypeScript + TSX
• UI Component Library: Naive UI - Clean, modern Vue 3 component library
• CSS Framework: UnoCSS - Atomic CSS engine
• State Management: Pinia + persistence plugin - Vuex replacement
• Network Requests: Axios - Complete TypeScript encapsulation

Component Encapsulation

• Form Component: FormPro component based on Naive UI secondary encapsulation
• Table Component: TablePro component based on FormPro encapsulation
• Dialog Components: DrawerForm, ModalForm - Improve development efficiency
• Page Caching: KeepAlive supports multi-level caching

Interface Design

• Theme Adaptation: Light/Dark/Auto mode, maintaining Naive UI native style
• Custom Theme: Supports custom theme colors and page transition effects
• Responsive Layout: Perfect adaptation for desktop and mobile

Code Standards

• Code Constraints: ESLint + Prettier + Stylelint + EditorConfig
• Git Standards: Husky + Lint-staged + Commitlint + Commitizen
• Commit Format: Using cz-git to standardize Git commit messages

Browser Support 💻

• Local Development Recommended to use Chrome latest version browser

• Production Environment Supports modern browsers, does not support IE.

IE	Edge	Firefox	Chrome	Safari
❌ Not Supported	✅ Supported	✅ Supported	✅ Supported	✅ Supported

Contributors

nuyoah

Changelog

Last edited about 1 month ago

View full history

1be442b-docs(en/guide): Update project introduction and feature description

b323f5a-docs(guide): Update the download link for Chrome browser

e2b5e25-docs(en): Add the project introduction document