Vue Admin Better
A Vue 2 admin dashboard template with Element UI, built to skip heavy abstraction and long build waits.
- Stars
- 18.9k
- Forks
- 3.9k
- Licence
- MIT
- Language
- Vue
- Last update
- 17 days ago
- Type
- App
What it is
Vue Admin Better is a starter template for building back-office admin panels (dashboards with menus, pages and permissions) using Vue 2 and Element UI. The README says it avoids over-wrapping the code so projects stay simple to read and change. It is MIT licensed and includes features such as RBAC with JWT permission control and dynamic backend-driven routes.
- Start an internal admin dashboard with login, menus and user management pages
- Use the built-in mock data generation to build front-end pages before a backend exists
- Adapt the RBAC and JWT permission setup to a company's own user roles
- Use the RSA login encryption option as a starting point for a secure login flow
Great for
- Front-end developers with about a year of experience who want an admin panel starting point
- Teams already using Vue 2 and Element UI
- Developers who want to read and customize the template source
- Projects that need role-based permissions and multiple layouts or themes
Not ideal for
- People who need Vue 3 specifically: the README points to separate repositories for Vue 3 with Element Plus or Arco Design
- Beginners new to Vue, since the README lists Vue.js experience as a prerequisite
- Anyone who needs a non-Vue admin framework
How to get it
- 1
Clone and build from source
You'll need: Node.js · pnpm
Clone the project
git clone -b master https://github.com/zxwk1998/vue-admin-better.gitInstall dependencies
pnpm i --registry=http://mirrors.cloud.tencent.com/npm/Start local development server
npm run serve:rspack - 2
Run it
- Clone the repository from GitHub.
- Install dependencies with pnpm (the README's mirror registry can be replaced with your own).
- Run npm run serve:rspack to start the local development server.
- Open the local address printed in the terminal in your browser (the README does not state the exact URL).
- 3
Get the most out of it
- Use the mock data auto-generation feature mentioned in the README to build pages before the backend is ready
- Configure the front-end or back-end route permission mode to match your user model
- Adjust the 50+ global configuration options rather than editing core code
- Enable the automatic SCSS sorting and ESLint auto-fix features mentioned in the README
- Review the live demos linked in the README to see layouts and themes before customizing
Downloads
Strengths
- Includes RBAC with JWT, dynamic routes, and multiple permission modes according to the README
- MIT license, and the README states the open-source version is free for commercial use
- Ships with many example pages and a large set of configuration options (README claims 40+ pages and 50+ settings)
Trade-offs
- The README is in Chinese and the top-level description is mostly promotional; some sections point to paid versions and community links
- Targets Vue 2 and Element UI in this repository; Vue 3 is maintained in separate repositories
- The README's install command uses a specific third-party npm mirror URL that you may need to change
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| vue-admin-better (this) | 18.9k | App | intermediate | 17 days ago | Front-end developers with about a year of experience who want an admin panel starting point |
| vue-element-admin | 90.1k | Other | intermediate | 2.0 years ago | Developers building internal admin dashboards in Vue |
| vue-vben-admin | 33.7k | App | intermediate | 4 days ago | Developers starting a new Vue 3 admin or back-office project |
| soybean-admin | 15.2k | Library | intermediate | 16 days ago | Developers starting a new internal admin or back-office web app with Vue 3 |
| iview-admin | 16.3k | App | intermediate | 4.5 years ago | Developers building an internal admin panel on Vue 2 |
| ant-design-vue-pro | 10.9k | App | intermediate | 1.1 years ago | Developers building internal admin panels or dashboards on Vue 2 |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.