Ant Design Vue Pro

A Vue 2 admin dashboard starter kit built on the Ant Design Vue component library.

Stars: 10.9k
Forks: 3k
Licence: MIT
Language: Vue
Last update: 1.1 years ago
Type: App

No commits in over a year — check for forks or alternatives before adopting.

What it is

This is a ready-made starter project for building enterprise admin dashboards and back-office web apps with Vue 2 and the Ant Design Vue component library. It provides a working project layout you clone, install, and customize rather than building the admin structure from scratch. The README describes it as an out-of-box UI solution and boilerplate.

Clone the repo and run it locally as a starting point for an admin dashboard
Customize the theme using the custom theme config guide linked in the README
Enable load-on-demand for Ant Design components to reduce what is loaded up front
Adjust internationalization using the locales folder
Use the included mock setup during development (disabled in production)

Great for

Developers building internal admin panels or dashboards on Vue 2
Teams already using or wanting to use Ant Design Vue components
Developers who want a starting layout with charts (via AntV G2 / Viser-vue) and common UI pieces
People maintaining an existing Vue 2 codebase that needs this style of admin UI

Not ideal for

Projects that need Vue 3: the README points to a separate Vue 3 version for that
Anyone needing old-browser support beyond what is listed: the README lists IE10 and Edge, plus the last 2 versions of Chrome, Firefox, Safari and Opera
Non-developers who want a finished app without setting up a development environment

Step-by-step guide: how to use Ant Design Vue ProInstall, first run, examples, tips and FAQs

Ant Design Vue Pro alternatives Ant Design Vue Pro vs vue-element-admin Ant Design Vue Pro vs Vue Admin Better Ant Design Vue Pro vs iView Admin

How to get it

1
Clone and build from source
You'll need: Node.js (version not specified in the README) · yarn (recommended; npm also mentioned as possible)
Clone the repo
git clone https://github.com/vueComponent/ant-design-vue-pro.git
Enter the project folder
cd ant-design-vue-pro
Install dependencies
yarn install
Start development server
yarn run serve
2
Run it
- Run yarn install in the project folder
- Run yarn run serve to start the development server with hot reload
- Open the local address shown in the terminal in your browser
- Edit files under src/ and see changes reload automatically
3
Get the most out of it
- Use load-on-demand (see docs/load-on-demand.md) to import only the Ant Design components you need
- Customize the theme with the linked Ant Design style override guide
- Add translations via the src/locales folder for internationalization
- Read the official docs at pro.antdv.com/docs/getting-started and the FAQ for setup details

Downloads

Source code (.zip)master branch · straight from GitHub Release 3.0.3Release notes and source Official website & docspro.antdv.com

Strengths

Gives a complete starting structure for admin-style apps instead of a blank project
Built on the established Ant Design Vue component library with documented demo and docs site
MIT licensed and widely starred, with documentation and a live preview available

Trade-offs

Targets Vue 2, which is an older major version; the README directs Vue 3 users elsewhere
The README is brief on architecture and features, so details must be checked in the docs site
Relies on yarn and an older toolchain (Vue CLI 3, webpack, eslint), which may need upkeep

How it compares

Project	Stars	Type	Level	Updated	Best for
ant-design-vue-pro (this)	10.9k	App	intermediate	1.1 years ago	Developers building internal admin panels or dashboards on Vue 2
vue-element-admin	90.1k	Other	intermediate	2.0 years ago	Developers building internal admin dashboards in Vue
vue-admin-better	18.9k	App	intermediate	17 days ago	Front-end developers with about a year of experience who want an admin panel starting point
iview-admin	16.3k	App	intermediate	4.5 years ago	Developers building an internal admin panel on Vue 2
ant-design-pro	38.9k	Framework	intermediate	8 days ago	Developers building internal admin dashboards or back-office tools in React
vue-admin-template	20.4k	Library	intermediate	2.5 years ago	Developers starting a new internal admin panel or back-office tool in Vue

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.