1. Project Overview

Vben Admin

Vben Admin is an upgraded version of Vue Vben Admin. As a free and open-source admin dashboard template, it is built with the latest mainstream technologies, including Vue 3, Vite, and TypeScript. It is ready to use out of the box and can be used for frontend development of admin dashboards, as well as for learning and reference.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

Features

Latest Technology Stack

Built on the latest technology stack, including Vue 3, Pinia, Vue Router, and TypeScript.

Rich Configuration Options

An enterprise-grade admin dashboard frontend solution offering a rich collection of components and templates, along with N combinations of preference settings.

Theme Customization

Switch between various themes through simple configuration to meet personalized requirements.

Internationalization

Built-in internationalization solution supporting multiple languages to meet internationalization requirements.

Permission Management

Built-in permission management solution supporting multiple permission control methods to meet diverse authorization requirements.

Vite

Modern frontend build tools featuring fast cold starts and instant hot updates.

Shadcn UI

Core technologies are based on Shadcn UI + Tailwind CSS, while business applications can support any UI framework.

Turbo Repo

A standardized and well-structured monorepo architecture using pnpm + monorepo + turbo for project management, providing enterprise-grade development standards.

Nitro Mock Server

Built-in Nitro Mock service, making your mock services more powerful.

5. Tech Stack

Vben Admin is an upgraded version of Vue Vben Admin. As a free and open-source admin dashboard template, it is built with the latest mainstream technologies, including Vue 3, Vite, and TypeScript. It is ready to use out of the box and can be used for frontend development of admin dashboards, as well as for learning and reference.

Upgrade Notice

This is the latest version 5.0 and is incompatible with other versions. If you are starting a new project, we recommend using the latest version. To view older versions, use the v2 branch.

Installation and Usage

git clone vue-vben-admin

cd vue-vben-admin
npm i -g corepack
pnpm install

pnpm dev

pnpm build