Home

Awesome

<div align="center"> <a href="https://arco.design" target="_blank"> <img alt="Arco Design Logo" width="200" src="https://avatars.githubusercontent.com/u/64576149?s=200&v=4"/> </a> </div> <div align="center"> <h1>Arco Design</h1> </div> <div align="center">

A comprehensive Vue UI components library based on the Arco Design system.

license

</div> <div align="center">

English | 简体中文

</div>

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:

TypeScript friendly

All components are written in TypeScript so it's type friendly.

Installation

Available as an npm package

// with npm
npm install @arco-design/web-vue

// with yarn
yarn add @arco-design/web-vue

Examples

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 -g 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

Ecosystems

ProjectDescription
React Component LibraryA comprehensive React UI components library based on the Arco Design system
Design LabA platform to create and manage your themes with ease.
Material MarketA platform that provides massive high-quality customized materials to greatly boost development efficiency.
Icon BoxOne-stop platform to manage your icons.
Arco ProA solution to quickly building applications from scratch.

Contributing

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!

<a href="https://github.com/arco-design/arco-design-vue/graphs/contributors"><img src="https://contrib.rocks/image?repo=arco-design/arco-design-vue" /></a>

License

Ths project is MIT licensed.