前端 UI 组件库有哪些选择

Vue 3

Element Plus

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

创作者:饿了么团队

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

Ant Design Vue

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

创作者:开源社区

文档地址:https://antdv.com/components/overview-cn

Vant 4

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

创作者:有赞团队

文档地址:https://vant-contrib.gitee.io/vant/#/zh-CN

Arco Design Vue

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

创作者:字节跳动

文档地址:https://arco.design/vue/docs/start

VARLET

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

创作者:开源社区

文档地址:https://varlet.gitee.io/varlet-ui/#/zh-CN/index

Naive UI

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

创作者: 图森未来

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

Vue DevUI

一个基于 DevUI Design 的 Vue3 组件库

创作者: 华为

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

TinyVue

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

创作者: 华为云

文档地址:https://opentiny.design/tiny-vue/zh-CN/os-theme/docs/envpreparation

View UI Plus

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

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

文档地址:https://www.iviewui.com/view-ui-plus/guide/introduce

Vuetify

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

创作者: 开源社区

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

Wave UI

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

创作者:开源社区

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

Vue 2

Vant

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

创作者:有赞团队

文档地址:https://vant-contrib.gitee.io/vant/v2/#/zh-CN/

AT-UI

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

创作者:凹凸实验室

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

Vuetify

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

创作者:开源社区

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

Element

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

创作者:饿了么团队

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

Wave UI

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

创作者:开源社区

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

TinyVue

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

创作者: 华为云

文档地址:https://opentiny.design/tiny-vue/zh-CN/os-theme/docs/envpreparation

Vuesax

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

创作者:开源社区

文档地址:https://lusaxweb.github.io/vuesax/development/

React

Ant Design of React

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

创作者:蚂蚁金服团队

文档地址:https://ant.design/docs/react/introduce-cn

React Vant

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

创作者:开源社区

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

Arco Design React

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

创作者:字节跳动

文档地址:https://arco.design/react/docs/start

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.

创作者:开源社区

文档地址:https://elemefe.github.io/element-react/index

跨框架技术

Semi Design

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

创作者:抖音前端团队

文档地址:http://semi.design/zh-CN/start/getting-started

Taro

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

创作者:京东 Taro 团队

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

Quark

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

创作者:开源社区

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

 

 


关注作者公众号,订阅推送更多及时的前端资讯、学习资料

评论

这篇文章目前有 8 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Sidebar