前端UI组件库有哪些选择

4066次阅读 295人点赞 作者: WuBin 发布时间: 2023-05-18 10:14:16
扫码到手机查看

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/

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

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…

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/#/

点赞 支持一下 觉得不错?客官您就稍微鼓励一下吧!
关键词:ui
推荐阅读
  • uniapp实现被浏览器唤起的功能

    当用户打开h5链接时候,点击打开app若用户在已经安装过app的情况下直接打开app,若未安装过跳到应用市场下载安装这个功能在实现上主要分为两种场景,从普通浏览器唤醒以及从微信唤醒。

    9352次阅读 603人点赞 发布时间: 2022-12-14 16:34:53 立即查看
  • Vue

    盘点Vue2和Vue3的10种组件通信方式

    Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。

    4072次阅读 302人点赞 发布时间: 2022-08-19 09:40:16 立即查看
  • JS

    几个高级前端常用的API

    推荐4个前端开发中常用的高端API,分别是MutationObserver、IntersectionObserver、getComputedstyle、getBoundingClientRect、requ...

    14279次阅读 934人点赞 发布时间: 2021-11-11 09:39:54 立即查看
  • PHP

    【正则】一些常用的正则表达式总结

    在日常开发中,正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。了解一些常用的正则表达式,能大大提高你的工作效率。

    13219次阅读 462人点赞 发布时间: 2021-10-09 15:58:58 立即查看
  • 【中文】免费可商用字体下载与考证

    65款免费、可商用、无任何限制中文字体打包下载,这些字体都是经过长期验证,经得住市场考验的,让您规避被无良厂商起诉的风险。

    11801次阅读 943人点赞 发布时间: 2021-07-05 15:28:45 立即查看
  • Vue

    Vue3开发一个v-loading的自定义指令

    在vue3中实现一个自定义的指令,有助于我们简化开发,简化复用,通过一个指令的调用即可实现一些可高度复用的交互。

    15974次阅读 1273人点赞 发布时间: 2021-07-02 15:58:35 立即查看
  • JS

    关于手机上滚动穿透问题的解决

    当页面出现浮层的时候,滑动浮层的内容,正常情况下预期应该是浮层下边的内容不会滚动;然而事实并非如此。在PC上使用css即可解决,但是在手机端,情况就变的比较复杂,就需要禁止触摸事件才可以。

    15018次阅读 1223人点赞 发布时间: 2021-05-31 09:25:50 立即查看
  • Vue

    Vue+html2canvas截图空白的问题

    在使用vue做信网单页专题时,有海报生成的功能,这里推荐2个插件:一个是html2canvas,构造好DOM然后转canvas进行截图;另外使用vue-canvas-poster(这个截止到2021年3月...

    29429次阅读 2309人点赞 发布时间: 2021-03-02 09:04:51 立即查看
  • Vue

    vue-router4过度动画无效解决方案

    在初次使用vue3+vue-router4时候,先后遇到了过度动画transition进入和退出分别无效的情况,搜遍百度没没找到合适解决方法,包括vue-route4有一些API都进行了变化,以前的一些操...

    25377次阅读 1954人点赞 发布时间: 2021-02-23 13:37:20 立即查看
交流 收藏 目录