Arco Design Vue

Overview

Arco Design Vue is the official Vue 3 implementation of ByteDance's Arco Design System. Engineered to provide seamless enterprise UI creation with rich data visualization integration and dynamic theme customization.

Key Features

• 60+ Enterprise Components: Built from the ground up for Vue 3 with Composition API and TypeScript.
• Arco Theme Market: Access thousands of community-crafted themes and customize tokens visually.
• High-Density Data Grid: Features virtual scrolling, multi-column sorting, row grouping, and Excel export.
• Dark Mode by Default: Smooth color transitions with cohesive design tokens across all components.

Installation & Quick Start

npm install @arco-design/web-vue

<template>
  <a-button type="primary">Arco Action</a-button>
</template>

<script setup>
import { Button as AButton } from '@arco-design/web-vue';
</script>

Why Choose Arco Design Vue?

• Best for: Enterprise Vue 3 dashboards, business consoles, and teams using the ByteDance Arco Design ecosystem.
• Not suitable for: React-only projects (which should use @arco-design/web-react).