<div align="center"><a name="readme-top"></a>

<img height="180" src="https://www.antdv-next.com/assets/antdv-next-Cum7m2ZU.svg">

<h1>Antdv Next</h1>

Antdv Next is a Vue 3 enterprise component library built on the Ant Design design system.

[![CI status][github-action-image]][github-action-url]
[![codecov][codecov-image]][codecov-url]
[![NPM version][npm-image]][npm-url]
[![NPM downloads][download-image]][download-url]
[![][jsdelivr-image]][jsdelivr-url]
[![][nuxt-image]][nuxt-url]

English · [中文](./README.zh-CN.md)

## ❤️ Sponsors

| <a href="https://ergouzi.life/register?utm_source=antdv-next"><img src="https://nzj13gqqmj.ufs.sh/f/7vCb7ZuKZQXM8I2IHQXhPqNEAXV4gJm0LzopUFvck3bCKG1e" width="80" alt="二狗子中转"></a> | <a href="https://penna.pro"><img src="https://penna.pro/logo.svg" width="80" alt="Penna Note"></a> | <a href="https://jeesite.com/?utm_source=antdv-next"><img src="https://jeesite.com/assets/images/logo.png" width="80" alt="JeeSite 低代码"></a> |
| :-: | :-: | :-: |

</div>

## ✨ Features

- 🌈 Enterprise-class UI designed for web applications.
- 📦 A set of high-quality Vue3 components out of the box.
- 🛡 Written in TypeScript with predictable static types.
- ⚙️ Whole package of design resources and development tools.
- 🌍 Internationalization support for dozens of languages.
- 🎨 Powerful theme customization based on CSS-in-JS.

## 🖥 Environment Support

- Modern browsers
- Server-side Rendering
- [Electron](https://www.electronjs.org/)

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" /><br>Edge](https://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br>Firefox](https://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br>Chrome](https://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br>Safari](https://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /><br>Electron](https://godban.github.io/browsers-support-badges/) |
| --- | --- | --- | --- | --- |
| last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 📦 Install

```bash
npm install antdv-next
```

```bash
yarn add antdv-next
```

```bash
pnpm add antdv-next
```

```bash
bun add antdv-next
```

## ✅ Unit Test Coverage

- Run coverage locally: `pnpm test:coverage`
- Coverage output directory: `coverage/`
- On GitHub Release publish (`release.published`), CI runs unit tests with coverage and uploads the `coverage/` artifact via the `Unit Test Upload` workflow.

## Acknowledgements

Antdv Next is inspired by and built upon the following open-source projects.

- [Ant Design](https://ant.design/)
- [Vue.js](https://vuejs.org/)
- [Vite](https://vitejs.dev/)

## Contribute

We warmly welcome you to participate in our open source project.

**Pull Request:**

1. Fork the repository.
2. Create your own branch: `git checkout -b feat-xxxx`.
3. Commit your changes: `git commit -am 'feat(function): add xxxxx'`.
4. Push your branch: `git push origin feat-xxxx`.
5. Submit a pull request.

Thank you to all the people who already contributed to Antdv Next!

<a href="https://github.com/antdv-next/antdv-next/graphs/contributors">
  <img src="https://opencollective.com/antdv-next/contributors.svg?width=890&limit=500" />
</a>

[github-action-image]: https://github.com/antdv-next/antdv-next/actions/workflows/test.yml/badge.svg
[github-action-url]: https://github.com/antdv-next/antdv-next/actions/workflows/test.yml
[codecov-image]: https://img.shields.io/codecov/c/github/antdv-next/antdv-next?style=flat-square
[codecov-url]: https://codecov.io/gh/antdv-next/antdv-next
[npm-image]: https://img.shields.io/npm/v/antdv-next.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/antdv-next
[download-image]: https://img.shields.io/npm/dm/antdv-next.svg?style=flat-square
[download-url]: https://www.npmjs.com/package/antdv-next
[jsdelivr-image]: https://data.jsdelivr.com/v1/package/npm/antdv-next/badge
[jsdelivr-url]: https://www.jsdelivr.com/package/npm/antdv-next
[nuxt-image]: https://img.shields.io/badge/Nuxt-supported-00DC82?style=flat-square&logo=nuxtdotjs&logoColor=white
[nuxt-url]: https://nuxt.com/
