Explore the Best Frontend UI Frameworks for Mobile, PC & Hybrid Apps

21CTO community guide: the author aggregated current popular frontend UI frameworks from GitHub, community platforms and other sources, ranking them by stars, community activity and usage scope to assist developers in selecting a UI framework.

Mobile UI Frameworks

Mint UI (Eleme team)

Chinese site: http://mint-ui.github.io/#!/zh-cn. Description: a Vue‑based mobile UI framework. GitHub: https://github.com/ElemeFE/mint-ui/ – star 8705, fork 1810, latest commit 2017‑12‑06, 32 contributors. CDN import :

<!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css"> <!-- 引入组件库 --> <script src="https://unpkg.com/mint-ui/lib/index.js"></script>

npm : npm i mint-ui -S (supports on‑demand component loading).

SUI Mobile (Alibaba UED team)

Official site: http://m.sui.taobao.org/. Description: a UI library built on Framework7 with iOS style, lightweight and compatible with iOS 6+ and Android 4+. GitHub: https://github.com/sdc-alibaba/SUI-Mobile – star 5242, fork 1466, latest commit 2016‑11‑10, 14 contributors. CDN import :

<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css"> <script src="//g.alicdn.com/sj/lib/zepto/zepto.min.js" charset="utf-8"></script> <script src="//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js" charset="utf-8"></script>

WeUI (WeChat official design team)

Description: a UI library that matches the native WeChat visual experience, providing components such as button, cell, dialog, progress, toast, article, actionsheet, icon, etc. GitHub: https://github.com/weui/weui – star 16804, fork 4683, latest commit 2017‑11‑02, 20 contributors. CDN import :

<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css"> <script src="https://res.wx.qq.com/open/libs/weuijs/1.1.3/weui.min.js"></script>

npm :

npm install --save weui

YDUI Touch

Official site: http://www.ydui.org/. Description: a high‑performance, aesthetically‑focused mobile & WeChat UI library based on jQuery. Compatible with Android 4+ and iOS 6+. Basic import requires ydui.css, ydui.flexible.js, jQuery 2+, and ydui.js.

GMU (Baidu GMU team)

Description: a lightweight mobile UI component library based on Zepto, compatible with iOS 3+ and Android 2.1+. GitHub: https://github.com/fex-team/GMU – star 1106, fork 461, latest commit 2017‑04‑18.

FrozenUI (QQ VIP FD & Alloyteam)

Official site: http://frozenui.github.io/. Description: a simple, lightweight front‑end framework for mobile, following the Hand‑Q style guide. GitHub: https://github.com/frozenui/frozenui – star 2330, fork 645, latest commit 2017‑11‑30.

PC UI Frameworks

iView

Official site: https://www.iviewui.com/. Description: a high‑quality UI component library for Vue.js, targeting desktop admin products. GitHub: https://github.com/iview/iview – star 11421, fork 1745, latest commit 2017‑12‑04. CDN import :

<script src="//vuejs.org/js/vue.min.js"></script> <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> <script src="//unpkg.com/iview/dist/iview.min.js"></script>

npm :

npm install iview --save

Element UI (Eleme team)

Official site: http://element-cn.eleme.io/#/zh-CN. Description: a Vue 2.0 based desktop component library. GitHub: https://github.com/ElemeFE/element – star 20657, fork 3777, latest commit 2017‑12‑05.

SUI (Alibaba International UED)

Description: a front‑end component library built on Bootstrap, also a design specification. GitHub: https://github.com/sdc-alibaba/sui – star 322, fork 135, latest commit 2015‑07‑23.

H‑ui

Official site: http://www.h-ui.net/. Description: a lightweight front‑end framework with good compatibility for Chinese websites, based on jQuery. GitHub: https://github.com/jackying/h-ui – star 432, fork 196.

layui

Description: a framework aimed at backend developers, providing ready‑made UI components without complex front‑end tooling. Compatible with all modern browsers except IE6/7.

uiKit (YOOtheme)

Description: a lightweight, modular front‑end framework for building powerful web interfaces. Depends on jQuery. GitHub: https://github.com/uikit/uikit – star 11146, fork 1811.

Bootstrap

Official Chinese site: http://www.bootcss.com/. Description: a concise, intuitive, powerful front‑end development framework. GitHub: https://github.com/twbs/bootstrap – star 118971, fork 56198, latest commit 2017‑12‑08.

jQuery UI

Official site: http://jqueryui.com/. Description: a set of UI interactions, effects, widgets and themes built on top of jQuery.

Hybrid Development UI Frameworks

ionic

Official site: http://www.ionic-china.com/. Description: an HTML5 hybrid mobile app framework based on Angular, focusing on UI/UX and cross‑platform development.

Framework7

Official site: http://framework7.cn/. Description: an open‑source framework for building iOS & Android‑style web apps and prototypes. GitHub: https://github.com/framework7io/framework7 – star 11304, fork 2439.

OnsenUI

Official site: https://onsen.io/. Description: an HTML5 UI framework for building hybrid mobile apps. GitHub: https://github.com/OnsenUI/OnsenUI – star 5706, fork 716.

App Frameworks (Extension)

react‑native

Official site: http://reactnative.cn/. Description: enables developers to build native apps using JavaScript and React with a “learn once, write anywhere” philosophy. GitHub: https://github.com/facebook/react-native – star 56938, fork 13206.

weex

Official site: http://weex.apache.org/cn/. Description: provides cross‑platform capabilities to develop Web, Android and iOS apps with a unified API.

Conclusion

The author provides a rough overview of mobile, PC and hybrid UI frameworks, acknowledging that the front‑end ecosystem evolves rapidly and inviting readers to contribute additional resources.

Source: http://www.cnblogs.com/aaron-pan/