一切福田,不離方寸,從心而覓,感無不通。

35+前端UI组件库一览(按star数排名)

已整理的前端UI组件库

以下按star数排名,欢迎大家在评论区补充或纠正:

组件库(文档地址) 移动端/PC端 支持框架/技术 start数(github地址) slogan
material ui-react pc react 87.5k Move faster with intuitive React UI tools
Ant Design pc react 86.5k 助力设计开发者「更灵活」地搭建出「更美」的产品,让用户「快乐工作」~An enterprise-class UI design language and React UI library.
Element UI pc vue2 53.5k A Vue.js 2.0 UI Toolkit for Web.
Vuetify(vue-Material风格) pc vue2、vue3 37.4k Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components
chakra-ui pc react 33.4k Create accessible React apps with speed
quasar mobile/pc vue2、vue3 23.8k 企业级的跨平台vue框架
Vant 有赞前端团队 mobile vue2、vue3、微信小程序、react(社区)、支付宝小程序(社区) 21.5k 轻量、可定制的移动端 Vue 组件库
Element Plus – Ele pc vue3 20.4k A Vue.js 3 UI library
Ant Design Vue pc vue2、vue3 18.3k An enterprise-class UI components based on Ant Design and Vue.
Mint UI(vue) mobile vue2 16.6k Mobile UI elements for Vue 2.0
fluent UI pc/mobile react、web-components & 跨平台 15.9k A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.
NaiveUI pc vue3 13k A Vue 3 Component Library
MUI-DCloud mobile 框架无关 13.4k 最接近原生APP体验的高性能前端框架
Cube-UI 滴滴-mobile mobile vue2 9.1k 基于 Vue.js 实现的精致移动端组件库
OnsenUI mobile 原生、web-components、react、vue2、vue3、angular 8.7k Mobile app development framework and SDK using HTML5 and JavaScript.
Muse-UI (Material风格) mobile vue2 8.3k Material Design UI library for Vuejs 2.0
semi design pc react 7.1k 连接设计师与开发者,由抖音前端与 UED 团队维护
NutUI  京东风格-vue-mobile mobile vue2、vue3、react、taro 5.4k NutUI 是京东风格的移动端组件库
primevue /primereact pc vue2、vue3、react 4.2k PrimeVue is a rich set of open source UI Components for Vue.
varlet mobile vue3 4.2k Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库
Arco Design Vue mobile/pc react、vue2 4k A comprehensive React UI components library based on Arco Design
Lin UI mobile 微信小程序 3.9k Fantastic native based Mini-Programe components
uView UI(uniapp) mobile uniapp(vue2) 3.8k 多平台快速开发的UI框架
Mand Mobile mobile vue2、react native 3.4k 打造面向金融场景的 Vue 移动端 UI 组件库
FrozenUI – 手QUI mobile 框架无关 3k FrozenUI 是一套基于移动端的UI库 轻量、精美、遵从手机 QQ 设计规范
TDesign mobile/pc vue2、vue3、腾讯系小程序、react、flutter(计划)、taro(计划)、angular(计划) 2.7k 企业级设计体系
View UI Plus/View UI pc view2、view3 2.6k View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库,主要用于企业级中后台系统
LULU UI pc 原生 2.6k 游刃于C端用户侧Web产品的UI组件库
Thor UI mobile 微信小程序、uniapp 2.3k 轻量、简洁、全面的移动端组件库 #
quark-design mobile 框架无关 1.7k 下一代前端组件库,它可以在任意框架或无框架中使用。
Zarm Design-众安·体验设计中心(vue) mobile react、vue2、vue3 1.6k 众安科技基于 React 研发的一款适用于企业级的移动端 UI 组件库
devui pc angular、vue3 1.6k 面向企业中后台产品的开源前端解决方案
HiUI Design pc react 578 企业级中后台设计系统
balm UI pc vue2、vue3 459 BalmUI is a modular and customizable Material Design UI library for Vue 3.
opentiny design pc vue2、vue3、angular 448 华为云出品的企业级设计体系
iDux pc vue3 444 是一套企业级中后台 UI 组件库, 致力于提供高效愉悦的开发体验。
PIUI 高质量开源组件库(基于uniapp) mobile uniapp(vue2) 122 高质量开源组件库,可帮设计师和程序员快速搭建APP界面,有效提高项目开发效率
legaoUI – JD pc react 一套 PC 端的 UI 基础组件库
FusionDesign – Alibaba pc react

UI设计语言

  1. Material Design
  2. Ant Design
  3. Zan Design
  4. Fusion Design
  5. TDesign
  6. Arco Design Vue
  7. 微信小程序设计指南
  8. Clarity Design
  9. QDesign
  10. Teambition Design
  11. Facebook Design
  12. 更多扩展

微信小程序组件库

跨端方案(多端统一开发框架):

  • Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。 — 京东
  • Uniapp uni-app 是一个使用 Vue.js(opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 —DCloud

在线设计工具:

from:https://juejin.cn/post/7249675235560718397