Javascript Vue

A comprehensive Vue UI components library based on the Arco Design system1 min read

Arco Design

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

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
Design Lab – Recommended!

TypeScript friendly

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

Installation

Available as an npm package

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

Use npm install to install basic packages such as lerna and yarn

Use yarn install to install the dependencies of each package in workspaces

Use lerna init to initialize the project

Useful Links

Documentation website
Dark mode
Theme customization
Figma component library

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.

Contributing

Developers interested in contributing should read the Code of Conduct and
the Contributing Guide.

License

Ths project is MIT licensed.

GitHub

View Github

Leave a Reply

Your email address will not be published.

Pin It on Pinterest