Without further ado, the following resources all support VUE3

Vue3 resource repository

  • Repository resource address: vue3-resource
  • Preview: Preview online

The articles

🔥🔥🔥 Based on Vue3+Vite2+Element-Plus+ VUE-I18N Management Platform Template

🔥🔥🔥 Vue3.0 + Vite2 + Element-Plus Background Management Template

Web side

Element-Plus

Element Plus, a Vue 3.0-based desktop component library for developers, designers and product managers

Resources to address

  • Official documents:
    • Earlier Version Documents
    • New Version Documents
  • Warehouse Resources:
    • Making the address
    • Gitee address

Ant Design Vue

Ant Design Vue is a vue.js implementation of Ant Design that develops and serves enterprise-level backend products

Resources to address

  • Official document: Document address
  • Warehouse Resources:
    • Making the address
    • Gitee address

features

  • The interactive language and visual style of enterprise level background products are refined.
  • High quality Vue components out of the box.
  • Use the Ant Design of React Design tool.

Quasar

Build a high-performance VueJS user interface right out of the box for desktop and mobile browsers (including iOS Safari!)

Resources to address

  • Official document: Document address
  • Repository resource: Github address

Arco-design-vue

Bytedance is a comprehensive open source enterprise product design system

Resources to address

  • Official document: Document address
  • Repository resource: Github address

Naive UI

Naive UI a Vue 3 component library, complete, theme tunable, using TypeScript

Resources to address

  • Official document: Document address
  • Warehouse Resources:
    • Making the address
    • Gitee address

Element3

Element3, a Vue 3.0-based desktop component library for developers, designers, and product managers

Resources to address

  • Official document: Document address
  • Repository resource: Github address

BalmUI

BalmUI is a modular and highly customizable Material Design UI library tailored for Vue.js 3.0.

Resources to address

  • Official document: Document address
  • Repository resource: Github address

features

  • Abstracted from the enterprise level in the background product interaction and visual style
  • High quality Vue components/plug-ins/instructions/common tool libraries out of the box
  • The ability to customize themes in depth to every detail
  • Integrate fully the latest Material Icons
  • All components and plug-ins are highly customizable and can be used independently

Vuestic UI

Vuestic-ui is one of Vue’s most beautiful open source management panels, specializing in writing maintainable Vue code and creating flexible components and interfaces.

Resources to address

  • Official document: Document address
  • Repository resource: Github address

IDUX UI

IDUX UI is an enterprise-level UI component library dedicated to providing an efficient and enjoyable development experience. Based on Vue 3.x + TypeScript, all open-source and MIT compliant code is available for free use by any enterprise, organization and individual.

Resources to address

  • Official document: Document address
  • Repository resource: Github address

features

  • Monorepo management mode: CDK, Components, Pro
  • Fully embrace the Composition Api, from source code to documentation
  • Developed entirely in TypeScript, it provides complete type definitions
  • Tree Shaking right out of the box
  • Unit tests with high coverage
  • Internationalization language support
  • Flexible global configuration
  • The ability to customize themes in deep detail

RelaxPlus

RelaxPlus is a user-friendly, compact, lightweight and sophisticated desktop component library for developers learning Vue 3.x

Resources to address

  • Official document: Document address
  • Repository resource: Github address

Viewer Design

Viewer Design is a UI component library based on Vue3.0 + typescript. The high configuration of components + features of traditional UI component libraries + better interactive experience provides great convenience for users

Resources to address

  • Official document: Document address
  • Repository resource: Github address

features

  • Rich components and functions to meet the business scenarios of most middle and background products;
  • Each component is used for high configurability, such as property styles, for your various customizations
  • All components are developed in typescript,CompositionAPI, and TSX. A great learning tool for Vuetypescript enthusiasts. If you want to use TSX to develop high-quality Vue components, it is highly recommended to try to package components based on Viewer Design
  • You can import components on demand and load ICONS on demand. The component library uses yarn + lerNA management mode. You can download and use a component independently
  • In order to meet the daily business needs, from the point of view of use to provide more instructions, convenient and quick. For example: copy text, avoiding the need to download a separate plug-in to implement

Vexip UI

Vexip UI provides a family of out-of-the-box components. This component library uses the new VUE 3.0 composite Api to write, the development scaffolding for the latest Vite2.0, and the application of monorepo management ideas to enable each component to start independent development services and establish a separate development file, is a new generation of VUE component library project attempt.

Resources to address

  • Official document: Document address
  • Repository resource: Github address

features

  • Rich components and functions for website development, greatly improve efficiency
  • High quality Vue3 components out of the box
  • Intuitive API design, easy to understand and use
  • Fully written using the combined API, with excellent performance and scalability

Bin UI Next

Bin-ui-next is the vue3 upgraded version of bin-UI. At present, the component library has been basically reconstructed, and the overall components depend on VUe3

Resources to address

  • Official document: Document address
  • Repository resource: Github address

features

  • Based on Vue 3.0 Composition API
  • The latest icon is based on the official icon lite version of Ali Iconfont Ant-Design
  • Remove some redundant code
  • Some component code was refactored

The mobile terminal

Vant

Vant is the open source mobile component library of Uzan front-end team. It was opened in 2017 and has been maintained for 4 years. Vant carries all the core business of Yizan internally and serves more than 100,000 developers externally. It is one of the mainstream mobile terminal component libraries in the industry.

Resources to address

  • Official document: VuE3 version document
  • Warehouse Resources:
    • Making the address
    • Gitee address

features

  • Provides more than 60 high-quality components, covering various mobile scenarios
  • Excellent performance, average component size less than 1KB (min+gzip)
  • Unit test coverage is 90%+, providing stability assurance
  • Complete documentation and examples in Both Chinese and English
  • Supports Vue 2 & Vue 3
  • Support on demand import
  • Support theme customization
  • Support internationalization
  • Support the TypeScript
  • Support the SSR

NutUI 3.0

NutUI is jingdong style Vue mobile component library, development and service for mobile Web interface enterprise products.

Resources to address

  • Official document: Document address
  • Warehouse Resources:
    • Making the address
    • Gitee address

features

  • 70+ High Quality Components (3.0 in continuous development)
  • Based on JINGdong APP 10.0 visual specifications
  • On-demand references are supported
  • Detailed documentation and examples
  • Support the TypeScript
  • Support for server-side rendering (test phase)
  • Support for custom themes
  • Unit test coverage (in 3.0 development)

Varlet

Varlet is a Material style mobile component library based on Vue3. It fully embraces the Vue3 ecosystem and is developed and maintained by community partners.

Resources to address

  • Official document: Document address
  • Warehouse Resources:
    • Making the address
    • Gitee address

features

  • More than 40 high quality generic components are available
  • The components are very lightweight
  • Developed by Chinese, perfect English and Chinese documents and logistics support
  • Support on demand import
  • Support theme customization
  • Support internationalization
  • Webstorm support, vscode component property highlighting
  • Support the SSR
  • Support the Typescript

Ionic Framework

Ionic Framework is an open source UI toolkit for building high-performance, high-quality mobile and desktop applications using Web technologies (HTML, CSS, and JavaScript) and integrating with popular frameworks such as Angular, React, and Vue.

Resources to address

  • Official document: vUE document address
  • Repository resource: Github address

WaveUI

The components provided by WaveUI are very beautiful and animated very well, and its style is consistent throughout the framework. Enterprise responsive Vue3 applications are a good choice

Resources to address

  • Official document: Document address
  • Repository resource: Github address

features

  • Fully responsive
  • Accessibility compliant
  • Very flexible
  • Easy to use
  • Obviously awesome!
  • Supporting Vue 3
  • No dependency
  • Lightweight

Vuetify

Vuetify is a handcrafted library of Material style Vue UI components. No design skills are required — everything you need to create amazing applications is at your fingertips.

Resources to address

  • Official document: Document address
  • Repository resource: Github address

Mand Mobile Next

Mand Mobile Next is for financial scenarios and is based on the Vue 3.0 Mobile component library

Resources to address

  • Official document: Document address
  • Repository resource: Github address