移动端框架如雨后春笋，你该如何选择？

react-native 66.5k

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架

React

在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，相似于HTML的JSX，以及CSS来开发移动应用，所以熟悉Web前端开发的技术人员只需不多的学习就能够进入移动应用开发领域。

React Native使你可以在Javascript和React的基础上得到彻底一致的开发体验，构建世界一流的原生APP。

React Native着力于提升多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)

ionic 34.7k

Build amazing native and progressive web apps with open web technologies. One app running on everything

ionic由谷歌团队开发维护。 ionic是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。

能够帮助您使用 Web 技术，好比 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

ionic是一个轻量的手机UI库，具备速度快，界面现代化、美观等特色。为了解决其余一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1如下的版本支持，来获取更好的使用体验。
weui 19.4k

WeUI is an WeChat-like UI framework officially designed by the WeChat

Design Team, tailor-made for WeChat Web development, in order to improve

and standardize the experience for WeChat users. Including components

such as button、cell、dialog、 progress、 toast、article、actionsheet、icon.
Weex 16.9k

2016年4月21日，在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。

Weex

是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了作到这些，Weex 与 Vue

合做，使用 Vue 做为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可使用其余框架驱动

Weex，打造三端一致的 native 应用。

Weex可以完美兼顾性能与动态性，支持iOS、安卓、YunOS及Web等多端部署。

wepy 12.6k

WePY 是一款让小程序支持组件化开发的框架，经过预编译的手段让开发者能够选择本身喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。

mpvue 11.8k

mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其能够运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

amazeui 12k

中国首个开源 HTML5 跨屏前端框架。

Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现全部屏幕适配，适应移动互联潮流。

Vux 13.4k

Vux（读音 [v'ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。

基于webpack+vue-loader+vux能够快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制须要的样式。

vux-loader保证了组件按需使用，所以不用担忧最终打包了整个vux的组件库代码。

vux并不彻底依赖于WeUI，可是尽可能保持总体UI样式接近WeUI的设计规范。最初目标是建立一个易用，实用，美观的移动端UI组件库，如今离理想状态还有很多距离，所以须要你们及时反馈问题及贡献代码。

即便你不使用vux的代码, 但能从源码获得一些参考那么也是件让人高兴的事情。

Mint UI 9.8k

基于 Vue.js 的移动端组件库

Mint UI 包含丰富的 CSS 和 JS 组件，可以知足平常的移动端开发须要。经过它，能够快速构建出风格统一的页面，提高开发效率。

真正意义上的按需加载组件。能够只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各类动效，避免浏览器进行没必要要的重绘和重排，从而使用户得到流畅顺滑的体验。

依托 Vue.js 高效的组件化方案，Mint UI 作到了轻量化。即便所有引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

mui 8.4k

性能和体验的差距，一直是mobile app开发者放弃HTML5的首要缘由。

浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、没法流畅下拉刷新等问题，这些都让HTML5开发者倍感挫败，尤为拿到Android低端机运行，摔手机的心都有；

另外一方面，浏览器默认控件样式又少又丑，制做一个漂亮的控件很是麻烦，也有一些制做简单的ui框架但性能低下。

mui框架有效的解决了这些问题，这是一个能够方便开发出高性能App的框架，也是目前最接近原生App效果的框架。

Muse-UI 5.5k

基于 Vue 2.0 和 Material Desigin 的 UI 组件库

特性

1.组件丰富

Muse UI 基本实现了 Material Design 设计规范类的全部组件，另外还开发许多的功能性的组件

2.可定制

Muse UI 使用less文件，全部的颜色都有一个变量维护，经过编写 less 文件完成自定义主题，另外组件内部也提供一些修改效果的参数

3.基于 Vue 2.0

Muse UI 基于 Vue2.0 开发，Vue2.0是当下最快的前端框架之一，小巧，api友好，可用于开发的复杂单页应用
vonic 2.5k

一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用。

和 ionic 的关系：没有关系，只是在样式方面以 ionic 的 css 文件为基础（作了一些调整）

vue-carbon 0.8k

基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库。

使用文档地址 https://myronliu347.github.io...

zanui-weapp 0.3k

高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。

frozenui 0.2k

FrozenUI的CSS组件库，基于腾讯手Q样式规范，腾讯QXD出品。

VUWE 0.1k

vuwe是一款基于微信WeUI所开发的，专用于Vue2的组件库。

它与WeUI彻底解耦。用户经过自定义WeUI的样式文件，能够方便地对VUWE实现定制化。

总结：

不要盲目为了框架而选框架，根据实际业务场景、项目大小、是否跨平台、学习成本等，选择适合本身的框架。

---

更多angular1/2/4/五、ionic1/2/3/四、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目，请扫一扫下面的二维码关注微信公众号——全栈弄潮儿。

---

福利专区：扫码关注，免费领取淘宝天猫内部优惠券