ant-design-vue-pro
👨🏻💻👩🏻💻 Use Ant Design Vue like a Pro! (vue2)
A Vue 2 enterprise admin dashboard starter template built on Ant Design, with pre-built authentication flows, charts, data tables, and a complete application shell ready to connect to your backend.
Ant Design Vue Pro is a starter template for building enterprise admin dashboards using Vue 2. It bundles together a set of pre-built interface components, a layout structure, and common admin features so that a development team does not have to assemble these pieces from scratch when starting a new internal web application.
The template is based on Ant Design of Vue, which is a port of Ant Design, a Chinese technology company's widely used design system originally made for React. This Vue version brings the same visual language, including tables, forms, menus, charts, and modal dialogs, to Vue projects. The Pro template adds a complete application shell around those components, with things like authentication flows, dashboard pages with charts powered by the AntV G2 charting library, and a profile section with an image cropper.
It is set up to use Vue CLI 3, Webpack for bundling, and Yarn as the package manager. Getting started involves cloning the repository, running the install command, then running the development server. A production build compresses and optimizes the output for deployment. The README notes that mock data used during development is disabled in production builds, so teams connecting it to a real backend need to wire up their own API calls.
This repository is for Vue 2 only. A Vue 3 version exists as a separate paid product. The template supports modern browsers including Internet Explorer 10 and above.
The project is aimed at developers who already know Vue and want a structured starting point for a business dashboard rather than something aimed at non-technical users. It is open-source and MIT-licensed.
Where it fits
- Use as a starting point for an enterprise internal dashboard so you skip building authentication and navigation from scratch.
- Wire in your own backend API to replace the mock data layer and ship a production admin panel.
- Build chart-heavy analytics dashboards using the bundled AntV G2 charting library.
- Customize the Ant Design visual language for your company's branding and add new pages to the routing structure.