• 已整理的前端UI组件库
  • 2026-06-20 09:41:29
  • 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设计语言

    Material Design

    Ant Design

    Zan Design

    Fusion Design

    TDesign

    Arco Design Vue

    微信小程序设计指南

    Clarity Design

    QDesign

    Teambition Design

    Facebook Design

    更多扩展

    微信小程序组件库

    developers.weixin.qq.com/community/d…

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

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

    Uniapp uni-app 是一个使用 Vue.js(opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 —DCloud

    在线设计工具:

    Pixso官网 – 新一代UI设计工具,替代Sketch,Figma,支持在线实时协作

    即时设计 – 可实时协作的专业 UI 设计工具

    蓝湖 – 高效的产品设计协作平台

    Figma: the collaborative interface design tool.

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