1. Project Overview

vue-pure-admin

vue-pure-admin is an open-source, free, ready-to-use frontend and backend administration system template. It fully follows the ECMAScript Module (ESM) specification for writing and organizing code, and is built using the latest mainstream technologies, including Vue3, Vite, Element-Plus, TypeScript, Pinia, and Tailwindcss.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

Adopts the latest technology stack while maintaining stability

Built with the latest technology stack, including Vue3, Vite, Element-Plus, TypeScript, Pinia, and Tailwindcss

Fast, lightweight hot reloading with comprehensive build optimization

Extremely fast Hot Module Replacement (HMR) regardless of application size, with a comprehensive build optimization solution built in

Easy to get started, with a rich collection of built-in components and utility functions

Uses Single File Component syntax <script setup> and provides a rich collection of ready-to-use components and utility libraries

Provides a lightweight version with permanent synchronization to the full version's codebase

Provides both internationalized and non-internationalized lightweight versions. With Brotli compression and CDN-based replacement of local libraries enabled, the build size is less than 350 KB

Highly configurable themes and four menu layouts

Highly configurable themes with Dark Mode support, offering four menu layout options: left sidebar, top navigation, mixed navigation, and dual-column navigation

RBAC permission management with configurable permission granularity

Uses the widely adopted RBAC (Role-Based Access Control) model (User -> Role -> Permission), supporting configurable permissions at various levels of granularity

Source: vue-pure-admin Official Documentation

5. Tech Stack

Development environment

Starting from Vite v7.0.0, the required Node.js version must be at least 20.19.0 (the Long-Term Support (LTS) version is recommended)

Node.js official website. You can also install the Node.js version recommended in .nvmrc

Installation and Usage

Clone the repository

We recommend using the @pureadmin/cli scaffolding tool

npm install -g @pureadmin/cli

pure create

Click here to view the detailed usage guide for the @pureadmin/cli scaffolding tool

Clone the source code

git clone vue-pure-admin

Install Dependencies

cd vue-pure-admin

pnpm install

Start the platform

pnpm dev

Build the project

pnpm build

Docker Support

See the README.md documentation for details