# @arco-design/web-vue
> Arco Design Vue 2.0: A Vue.js 3 UI Library
Latest version **2.58.0** (published 2026-04-16) · MIT license · 0 weekly downloads
## Install
```sh
npm install @arco-design/web-vue
pnpm add @arco-design/web-vue
yarn add @arco-design/web-vue
bun add @arco-design/web-vue
```
## Health
**Score 65/100 (B)** — status: active.
Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.
Warnings: low downloads; large bundle.
## Facts
| | |
|---|---|
| Version | 2.58.0 |
| Published | 2026-04-16 |
| First published | 2021-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 28.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3105 |
| Author | ArcoDesign Team |
| Maintainers | bytednpm, pjy, flsion, n0rush, arcodesign-bot, yinkaihui, misterluffy, taoyiyue, wonuanyangying, xiaziqi.sia, tangshumin666 |
| Keywords | arco, vue |
## Links
- npm: https://www.npmjs.com/package/@arco-design/web-vue
- Repository: https://github.com/arco-design/arco-design-vue
- Homepage: https://arco.design/vue
- Issues: https://github.com/arco-design/arco-design-vue/issues
- npm.io page: https://npm.io/package/@arco-design/web-vue
## Dependencies (9)
- [vue](https://npm.io/package/vue.md) ^3.1.0
- [dayjs](https://npm.io/package/dayjs.md) ^1.11.13
- [b-tween](https://npm.io/package/b-tween.md) ^0.3.3
- [b-validate](https://npm.io/package/b-validate.md) ^1.5.3
- [number-precision](https://npm.io/package/number-precision.md) ^1.6.0
- [@arco-design/color](https://npm.io/package/@arco-design/color.md) ^0.4.0
- [compute-scroll-into-view](https://npm.io/package/compute-scroll-into-view.md) ^1.0.20
- [resize-observer-polyfill](https://npm.io/package/resize-observer-polyfill.md) ^1.5.1
- [scroll-into-view-if-needed](https://npm.io/package/scroll-into-view-if-needed.md) ^2.2.31
## Alternatives
- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads
## Recent versions
- 2.58.0 (latest) — 2026-04-16
- 2.58.0-beta.1 (beta) — 2025-12-22
- 2.57.0 — 2025-03-10
- 2.56.3 — 2024-10-25
- 2.56.2 — 2024-09-13
- 2.56.1 — 2024-08-22
- 2.56.0 — 2024-07-26
- 2.55.3 — 2024-06-07
- 2.55.2 — 2024-05-10
- 2.55.1 — 2024-03-29
- 2.55.0 — 2024-03-15
- 2.54.6 — 2024-03-01
- 2.54.5 — 2024-02-21
- 2.54.4 — 2024-02-02
- 2.54.3 — 2024-01-19
- … 137 more at https://npm.io/package/@arco-design/web-vue/versions
## README
Arco Design
A comprehensive Vue UI components library based on the [Arco Design](https://arco.design/) system.
[](https://github.com/arco-design/arco-design-vue/blob/main/LICENSE)
English | [简体中文](./README.zh-CN.md)
# Features
## Comprehensive
With more than 60 crafted components that you can use out of the box.
## Customizable theme
Extensive theme tokens can be customized to build your own theme. Two ways of customization are supported:
* [With less-loader](https://arco.design/vue/docs/theme)
* [Design Lab](https://arco.design/themes) - Recommended!
## TypeScript friendly
All components are written in TypeScript so it's type friendly.
# Installation
Available as an [npm package](https://www.npmjs.com/package/@arco-design/web-vue)
```bash
// with npm
npm install @arco-design/web-vue
// with yarn
yarn add @arco-design/web-vue
```
# Examples
```typescript
import { createApp } from 'vue'
import ArcoVue from '@arco-design/web-vue';
import App from './App.vue';
import '@arco-design/web-vue/dist/arco.css';
const app = createApp(App);
app.use(ArcoVue);
app.mount('#app');
```
## Development
1. Use `npm install` to install basic packages such as `lerna` and `yarn`
2. Use `yarn install` to install the dependencies of each package in `workspaces` (If you encounter a `YN0018` error, you can use `YARN_CHECKSUM_BEHAVIOR=update yarn` to install)
3. Use `npm run init` to initialize the project
# Useful Links
* [Documentation website](https://arco.design/)
* [Dark mode](https://arco.design/vue/docs/dark)
* [Theme customization](https://arco.design/vue/docs/theme)
* [Figma component library](https://www.figma.com/file/FVu1DydEeXvJqXrkOb90Oi/ArcoDesign%E7%BB%84%E4%BB%B6%E8%AE%BE%E8%AE%A1_2.0?node-id=5472%3A308)
* [Awesome Arco](https://github.com/arco-design/awesome-arco)
# Ecosystems
| Project | Description |
| --------------------- | ------------------------------------------------------- |
| [React Component Library] | A comprehensive React UI components library based on the Arco Design system |
| [Design Lab] | A platform to create and manage your themes with ease. |
| [Material Market] | A platform that provides massive high-quality customized materials to greatly boost development efficiency. |
| [Icon Box] | One-stop platform to manage your icons. |
| [Arco Pro] | A solution to quickly building applications from scratch. |
[React Component Library]: https://arco.design/react/docs/start
[Design Lab]: https://arco.design/themes
[Material Market]: https://arco.design/material
[Icon Box]: https://arco.design/iconbox
[Arco Pro]: https://arco.design/pro/
# Contributing
Developers interested in contributing should read the [Code of Conduct](./CODE_OF_CONDUCT.md) and
the [Contributing Guide](./CONTRIBUTING.md).
Thank you to all the people who already contributed to ArcoDesign!
# License
Ths project is [MIT licensed](./LICENSE).
---
_Source: https://npm.io/package/@arco-design/web-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
