前端 UI 组件库有哪些选择

23,924

Vue 3

Element Plus

基于 Vue 3,面向设计师和开发者的组件库 。

创作者: 饿了么团队

文档地址:element-plus.gitee.io/zh-CN/

Ant Design Vue

ant-design-vue 为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。

创作者: 开源社区

文档地址:antdv.com/components/…

Vant 4

轻量、可靠的移动端 Vue 组件库。

创作者: 有赞团队

文档地址:vant-contrib.gitee.io/vant/#/zh-C…

Arco Design Vue

智能设计体系,连接轻盈体验,字节跳动出品的企业级设计系统

创作者: 字节跳动

文档地址: arco.design/vue/docs/st…

VARLET

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化,并提供 VSCode 插件保障良好的开发体验。

创作者: 开源社区

文档地址:varlet.gitee.io/varlet-ui/#…

Naive UI

一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,快,有点意思 。

创作者: 图森未来

文档地址:www.naiveui.com/zh-CN/light

Vue DevUI

一个基于 DevUI Design 的 Vue3 组件库

创作者: 华为

文档地址: vue-devui.github.io/

TinyVue

TinyVue 是一个基于 Vue 的 UI 组件库,可以同时支持 Vue 2.0 和 Vue 3.0。

创作者: 华为云

文档地址: opentiny.design/tiny-vue/zh…

View UI Plus

View UI Plus 是 View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库,主要用于企业级中后台系统。

创作者: 长沙开发者科技有限公司

文档地址:www.iviewui.com/view-ui-plu…

Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.

创作者: 开源社区

文档地址:next.vuetifyjs.com/en/

Wave UI

A Vue.js UI framework with only the bright side.

创作者: 开源社区

文档地址:antoniandre.github.io/wave-ui/

PRIMEVUE

PrimeVue is a rich set of open source native components for Vue.

创作者: 开源社区

文档地址: primevue.org/

Vue 2

Vant

轻量、可靠的移动端 Vue 组件库。

创作者: 有赞团队

文档地址:vant-contrib.gitee.io/vant/v2/#/z…

AT-UI

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。

创作者: 凹凸实验室

文档地址:at-ui.github.io/at-ui/#/zh

Vuetify

Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.

创作者: 开源社区

文档地址:vuetifyjs.com/en/getting-…

Element

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

创作者: 饿了么团队

文档地址:element.eleme.cn/#/zh-CN

TinyVue

TinyVue 是一个基于 Vue 的 UI 组件库,可以同时支持 Vue 2.0 和 Vue 3.0。

创作者: 华为云

文档地址: opentiny.design/tiny-vue/zh…

Wave UI

A Vue.js UI framework with only the bright side.

创作者: 开源社区

文档地址:antoniandre.github.io/wave-ui/

Vuesax

We love what we do. Let us help you do what You love.

创作者: 开源社区

文档地址: lusaxweb.github.io/vuesax/deve…

React

Ant Design of React

antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。

创作者: 蚂蚁金服团队

文档地址:ant.design/docs/react/…

React Vant

根据 Vant 开发的基于 React 开发的移动端组件库。

创作者: 开源社区

文档地址:react-vant-gitee.3lang.dev/

Arco Design React

智能设计体系,连接轻盈体验,字节跳动出品的企业级设计系统

创作者: 字节跳动

文档地址: arco.design/react/docs/…

Element React

Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community.

创作者: 开源社区

文档地址:elemefe.github.io/element-rea…

Material UI

React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统,或者从 Material Design 开始。

创作者:  开源组织 

文档地址: mui.com/material-ui…

PRIMEREACT

PrimeReact is a rich set of open source UI components for React.

创作者: 开源社区

文档地址: primereact.org/

跨框架技术

Semi Design

由抖音前端与 UED 团队维护,易于定制的现代化设计系统,帮助设计师与开发者打造高质量产品。

创作者: 抖音前端团队

文档地址: semi.design/zh-CN/start…

Taro

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

创作者: 京东 Taro 团队

文档地址: taro-docs.jd.com/docs/

Quark

Quark 是一款基于 Web Components 的跨框架 UI 组件库。 它可以同时在任意框架或无框架中使用。

创作者: 开源社区

文档地址: quark-design.hellobike.com/#/

更多详见:原文地址