A free, open-source component library that adds ready-made UI components as class names on top of Tailwind CSS.
vueComponent/ant-design-vue
An enterprise-class Vue UI component library built on the Ant Design design language, supporting Vue 2 and Vue 3.
- Stars
- 21,685
- Forks
- 3,890
- Open issues
- 126
- Last commit
- 8 days ago
What is it?
Ant Design Vue is a UI component library for Vue that implements the visual design and interaction patterns of Ant Design, the React-based design system. It gives teams a set of ready-made components for building desktop-oriented enterprise web applications, so developers do not have to design and build common controls from scratch.
The library supports both Vue 2 and Vue 3, works with server-side rendering, and can run inside Electron. It is installed through npm or yarn and is documented on the project's official site, antdv.com. A VS Code extension and a Nuxt module are maintained alongside it, and the ecosystem includes an AI interface package based on the Ant Design X specification.
Key features
- 01Provides a broad set of ready-to-use Vue components following the Ant Design specification.
- 02Supports both Vue 2 and Vue 3.
- 03Works with server-side rendering and Electron.
- 04Installs via npm or yarn.
- 05Offers a VS Code extension and a Nuxt module in the ecosystem.
Use cases
- Building internal admin dashboards and back-office systems in Vue.
- Creating enterprise web applications that need a consistent design system.
- Migrating a React Ant Design project's look and feel to a Vue codebase.
Quick start
- 1
Install the package with npm
npm install ant-design-vue --save - 2
Or install the package with yarn
yarn add ant-design-vue
Things to know
- The README does not state a clear open-source license; the metadata shows NOASSERTION, so verify the license before use.
- Legacy Internet Explorer support requires polyfills and applies only to v1.x.
Topics
FAQ
- What is ant-design-vue?
- An enterprise-class Vue UI component library built on the Ant Design design language, supporting Vue 2 and Vue 3. Ant Design Vue is a UI component library for Vue that implements the visual design and interaction patterns of Ant Design, the React-based design system. It gives teams a set of ready-made components for building desktop-oriented enterprise web applications, so developers do not have to design and build common controls from scratch.
- Is ant-design-vue free to use? What license does it have?
- ant-design-vue is open source under the Other license. Check the license terms before using it in commercial products.
- Is ant-design-vue still maintained?
- Actively maintained. The last commit to ant-design-vue was on Oct 13, 2026.
- What can I use ant-design-vue for?
- Building internal admin dashboards and back-office systems in Vue. Creating enterprise web applications that need a consistent design system. Migrating a React Ant Design project's look and feel to a Vue codebase.
- How do I install ant-design-vue?
- Install the package with npm: npm install ant-design-vue --save Or install the package with yarn: yarn add ant-design-vue
- Where can I get ant-design-vue?
- The source code and installation instructions are on GitHub: https://github.com/vueComponent/ant-design-vue
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
An enterprise-class React UI component library and design language for building web applications.
A React component library implementing Google's Material Design, with a broad set of ready-made UI components.
A Material Design UI component framework for Vue, providing handcrafted, responsive components for building web applications.
Accessible React component library and design system for building web apps quickly, with dark mode and Next.js RSC support.
An open-source set of unstyled, accessible React UI primitives for building design systems and web apps.