A Comprehensive Overview of Popular Front‑End UI Frameworks for Mobile, PC, and Hybrid App Development

Introduction : The author gathered and summarized a collection of popular front‑end UI frameworks based on GitHub stars, community activity and usage scope, aiming to provide developers with a quick reference for choosing appropriate UI libraries.

Mobile UI Frameworks :

Mint UI (ElemeFE): Vue‑based mobile UI library (★8705, �fork1810). Latest commit 2017‑12‑06. 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

SUI Mobile (Alibaba UED): Framework7‑based, iOS‑style, lightweight (★5242, �fork1466). 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 design team): Official WeChat web UI kit (★16804, �fork4683). 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 (jQuery‑based, ★420, �fork117). Provides flexbox layout with fallback for older Android.

GMU (Zepto‑based, ★1106, �fork461). Includes reset.css, gmu.css, zepto.js, gmu.js via CDN.

FrozenUI (QQ‑VIP FD team, ★2330, �fork645). Lightweight, mobile‑first.

PC UI Frameworks :

Foundation : Responsive HTML/CSS/JS framework (★26751). CDN import:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css" integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js" integrity="sha256-Nd2xznOkrE9HkrAMi4xWy/hXkQraXioBg9iYsBrcFrs=" crossorigin="anonymous"></script>

Amaze UI : Chinese‑focused HTML5 framework (★10949). CDN links provided.

Pure (Yahoo): Lightweight pure‑CSS modules (★17880). CDN import:

<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css" integrity="sha384-CCTZv2q9I9m3UOxRLaJneXrrqKwUNOzZ6NGEUMwHtShDJ+nCoiXJCAgi05KfkLGY" crossorigin="anonymous">

iView (Vue.js, ★11421). 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>

Element UI (ElemeFE, ★20657). CDN import:

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

SUI (Alibaba): Bootstrap‑based UI library (★322). CDN import:

<link href="http://g.alicdn.com/sj/dpl/1.5.1/css/sui.min.css" rel="stylesheet">
<script src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
<script src="http://g.alicdn.com/sj/dpl/1.5.1/js/sui.min.js"></script>

H‑ui : Lightweight jQuery‑based framework (★432).

layui : Backend‑oriented UI library (★10278). CDN files: layui.css and layui.js .

UIkit (YOOtheme, ★11146). CDN import:

<link rel="stylesheet" href="//cdn.bootcss.com/uikit/2.25.0/css/uikit.css" />
<script src="//cdn.bootcss.com/uikit/2.25.0/js/uikit.js"></script>

Bootstrap (★118971). CDN import:

<!-- Core CSS -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- JavaScript -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

jQuery UI : Official jQuery UI library with many widgets.

Hybrid Development UI Frameworks :

ionic : Angular‑based HTML5 hybrid app framework.

Framework7 : Open‑source framework for iOS/Android‑style web apps (★11304).

OnsenUI : HTML5 UI for hybrid mobile apps (★5706).

App Frameworks (Extended) :

react‑native : Enables native app development with JavaScript and React (★56938). GitHub: https://github.com/facebook/react-native.

weex : Apache project providing cross‑platform capabilities for Web, Android and iOS.

Conclusion : The author admits limited personal experience with hybrid and native app development but hopes the compiled information assists peers, and invites readers to contribute additional frameworks or updates.