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

34,057 阅读4分钟

已整理的前端UI组件库

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

组件库(文档地址)移动端/PC端支持框架/技术start数(github地址)slogan
material ui-reactpcreact87.5kMove faster with intuitive React UI tools
Ant Designpcreact86.5k助力设计开发者「更灵活」地搭建出「更美」的产品,让用户「快乐工作」~An enterprise-class UI design language and React UI library.
Element UIpcvue253.5kA Vue.js 2.0 UI Toolkit for Web.
Vuetify(vue-Material风格)pcvue2、vue337.4kVuetify is a no design skills required UI Library with beautifully handcrafted Vue Components
chakra-uipcreact33.4kCreate accessible React apps with speed
quasarmobile/pcvue2、vue323.8k企业级的跨平台vue框架
Vant 有赞前端团队mobilevue2、vue3、微信小程序、react(社区)、支付宝小程序(社区)21.5k轻量、可定制的移动端 Vue 组件库
Element Plus - Elepcvue320.4kA Vue.js 3 UI library
Ant Design Vuepcvue2、vue318.3kAn enterprise-class UI components based on Ant Design and Vue.
Mint UI(vue)mobilevue216.6kMobile UI elements for Vue 2.0
fluent UIpc/mobilereact、web-components & 跨平台15.9kA collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.
NaiveUIpcvue313kA Vue 3 Component Library
MUI-DCloudmobile框架无关13.4k最接近原生APP体验的高性能前端框架
Cube-UI 滴滴-mobilemobilevue29.1k基于 Vue.js 实现的精致移动端组件库
OnsenUImobile原生、web-components、react、vue2、vue3、angular8.7kMobile app development framework and SDK using HTML5 and JavaScript.
Muse-UI (Material风格)mobilevue28.3kMaterial Design UI library for Vuejs 2.0
semi designpcreact7.1k连接设计师与开发者,由抖音前端与 UED 团队维护
NutUI  京东风格-vue-mobilemobilevue2、vue3、react、taro5.4kNutUI 是京东风格的移动端组件库
primevue /primereactpcvue2、vue3、react4.2kPrimeVue is a rich set of open source UI Components for Vue.
varletmobilevue34.2kVarlet 是一个基于 Vue3 开发的 Material 风格移动端组件库
Arco Design Vuemobile/pcreact、vue24kA comprehensive React UI components library based on Arco Design
Lin UImobile微信小程序3.9kFantastic native based Mini-Programe components
uView UI(uniapp)mobileuniapp(vue2)3.8k多平台快速开发的UI框架
Mand Mobilemobilevue2、react native3.4k打造面向金融场景的 Vue 移动端 UI 组件库
FrozenUI - 手QUImobile框架无关3kFrozenUI 是一套基于移动端的UI库 轻量、精美、遵从手机 QQ 设计规范
TDesignmobile/pcvue2、vue3、腾讯系小程序、react、flutter(计划)、taro(计划)、angular(计划)2.7k企业级设计体系
View UI Plus/View UIpcview2、view32.6kView Design 设计体系中基于 Vue.js 3 的一套 UI 组件库,主要用于企业级中后台系统
LULU UIpc原生2.6k游刃于C端用户侧Web产品的UI组件库
Thor UImobile微信小程序、uniapp2.3k轻量、简洁、全面的移动端组件库 #
quark-designmobile框架无关1.7k下一代前端组件库,它可以在任意框架或无框架中使用。
Zarm Design-众安·体验设计中心(vue)mobilereact、vue2、vue31.6k众安科技基于 React 研发的一款适用于企业级的移动端 UI 组件库
devuipcangular、vue31.6k面向企业中后台产品的开源前端解决方案
HiUI Designpcreact578企业级中后台设计系统
balm UIpcvue2、vue3459BalmUI is a modular and customizable Material Design UI library for Vue 3.
opentiny designpcvue2、vue3、angular448华为云出品的企业级设计体系
iDuxpcvue3444是一套企业级中后台 UI 组件库, 致力于提供高效愉悦的开发体验。
PIUI 高质量开源组件库(基于uniapp)mobileuniapp(vue2)122高质量开源组件库,可帮设计师和程序员快速搭建APP界面,有效提高项目开发效率
legaoUI - JDpcreact--一套 PC 端的 UI 基础组件库
FusionDesign - Alibabapcreact----

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

在线设计工具: