A Vue.js 3 UI Library based on Arco Design
See the code
A comprehensive Vue UI components library based on the Arco Design system.
English | 简体中文
With more than 60 crafted components that you can use out of the box.
Extensive theme tokens can be customized to build your own theme. Two ways of customization are supported:
All components are written in TypeScript so it's type friendly.
Available as an npm package
// with npm
npm install @arco-design/web-vue
// with yarn
yarn add @arco-design/web-vue
// with pnpm
pnpm add @arco-design/web-vue
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');
| 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. |
Developers interested in contributing should read the Code of Conduct and the Contributing Guide.
Thank you to all the people who already contributed to ArcoDesign!
Ths project is MIT licensed.
557 followers · starred Oct 2021
322 followers · starred Oct 2021
216 followers · starred Oct 2021
4 followers · starred Apr 2025
A Vue.js 3 UI Library based on Arco Design
See the code
A comprehensive Vue UI components library based on the Arco Design system.
English | 简体中文
With more than 60 crafted components that you can use out of the box.
Extensive theme tokens can be customized to build your own theme. Two ways of customization are supported:
All components are written in TypeScript so it's type friendly.
Available as an npm package
// with npm
npm install @arco-design/web-vue
// with yarn
yarn add @arco-design/web-vue
// with pnpm
pnpm add @arco-design/web-vue
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');
| 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. |
Developers interested in contributing should read the Code of Conduct and the Contributing Guide.
Thank you to all the people who already contributed to ArcoDesign!
Ths project is MIT licensed.
557 followers · starred Oct 2021
322 followers · starred Oct 2021
216 followers · starred Oct 2021
4 followers · starred Apr 2025