ant-design-vue

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

21,621 stars Vue Markdown Skills API Spec #ant#ant-design#antd#antd-vue
AI Prompts & Specs

Repository: vueComponent/ant-design-vue


Stars: 21454

README.md

<p align="center">
<a href="https://www.antdv.com/">
<img width="200" src="https://www.antdv.com/logo.png">
</a>
</p>

<h1 align="center">
<a href="https://www.antdv.com/" target="_blank">Ant Design Vue</a>
</h1>

<div align="center">

An enterprise-class UI components based on Ant Design and Vue.

!test ![codecov](https://codecov.io/gh/vueComponent/ant-design-vue) ![npm package](https://www.npmjs.org/package/ant-design-vue) ![NPM downloads](http://www.npmtrends.com/ant-design-vue) ![backers](#backers) ![sponsors](#sponsors) ![extension-for-VSCode](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) ![issues-helper](https://github.com/actions-cool/issues-helper)

</div>

![](https://www.antdv.com/)

<div align="center">
<sup><strong>Sponsored by</strong></sup>
<br>
<a href="https://mentorbook.ai/" target="_blank">
<img src="/site/public/mentorbook_banner_en.svg" alt="Mentorbook.AI - Your AI Mentor, Your Learning Journey" />
</a>
</div>

English | 简体中文

Features

- An enterprise-class UI design system for desktop applications.
- A set of high-quality Vue components out of the box.
- Shared Ant Design of React design resources.

Getting started & staying tuned with us.

Star us, and you will receive all releases notifications from GitHub without any delay!

!star us

Environment Support

- Modern browsers. v1.x support Internet Explorer 9+ (with polyfills)
- Server-side Rendering
- Support Vue 2 & Vue 3
- Electron

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></br>Opera | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /></br>Electron |
| --- | --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

Using npm or yarn

We recommend using npm or yarn to install, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

bash
$ npm install ant-design-vue --save

bash
$ yarn add ant-design-vue

If you are in a bad network environment, you can try other registries and tools like cnpm.

- Home page
- Vue
- Ant Design Of React

Ecosystem

| Project | Description |
| --- | --- |
| vue-ref | You can use the callback to get a reference like react |
| ant-design-vue-helper | A vscode extension for ant-design-vue |
| vue-cli-plugin-ant-design | Vue-cli 3 plugin to add ant-design-vue |
| vue-dash-event | The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase) |
| @formily/antdv | The Library with Formily and ant-design-vue |
| @ant-design-vue/nuxt | A nuxt module for ant-design-vue |
| ant-design-x-vue | A Vue AI interface solutions base on the Ant Design X design specification |

Donation

ant-design-vue is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more backers. You can support us in any of the following ways:

- Patreon
- opencollective
- paypal
- ETH: 0x30cc48515d8ae9fefa20ab87226ad7e8ab9c3bc2

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

<a href="http://www.jeecg.com/" target="_blank"><img src="https://www.antdv.com/jeecg-logo.png" height="64"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/2/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/3/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/4/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/5/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/6/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/7/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/8/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/9/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/10/avatar.svg"></a>

More Sponsor (From Patreon、alipay、wechat、paypal...)

Contributors

Thank you to all the people who already contributed to ant-design-vue!

<a href="https://github.com/vueComponent/ant-design-vue/graphs/contributors">
<img src="https://contrib.rocks/image?repo=vueComponent/ant-design-vue&max=100&columns=15" />
</a>

![Let's fund issues in this repository](https://issuehunt.io/repos/104172832)

This project is tested with BrowserStack.