使用几款流行的web前端UI框架开发移动端项目

根据近几年前端框架的热门，在前端开发框架不断更新与交换的时代，每一年都有黑马出现，是否适合自己开发的项目就不得而知了，只有认真的了解之后才能知道，本文主要介绍几款很受欢迎的web前端UI框架。

在选择框架的时候应该注意两方面。一、框架的功能性；二、团队协作能力，综合这两方面考虑，对要选择的框架做出评估，确定自己的目标框架。

1. Aliceui

Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。

gitHub地址：https://github.com/aliceui/aliceui.github.io

2. Amaze UI

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

官网地址：http://amazeui.org/

3. SUI

SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。

通过SUI，可以非常方便的设计和实现精美的页面。

官网地址：http://sui.taobao.org/

同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。

官网地址：http://m.sui.taobao.org/

4. FrozenUI – 专注于移动web的UI框架

Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。

专注于移动web的UI框架，基于腾讯手机QQ规范。 出自腾讯社交用户体验设计 - 增值UI开发团队。QQ会员前端用的是 Frozen UI，并且这套框架开源。

官网地址：http://frozenui.github.io/

5. UiKit

uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。

UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI编辑器和手动编辑，所以它提供了一个灵活、强大的自定义机制。

框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。

官网地址：http://www.getuikit.net/

6. H-ui

H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。

官网地址：http://www.h-ui.net/

7. WeUI 为微信 Web 服务量身设计

weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

官网地址：https://github.com/Tencent/weui

8. Layui

Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。

由职业前端倾情打造，面向所有层次的前后端开发者，零门槛开箱即用的前端UI解决方案。

官网地址：https://www.layui.com/

9. YDUI Touch

YDUI Touch 特点

• 专属于移动：YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高。
• 采用 Flex 布局：使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局。
• 用 rem 来做响应式开发：实现强大的屏幕适配布局，等比例适配所有屏幕。可轻松切换 px。
• 高端定制：自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。

官网地址：http://www.ydui.org/

10. MUI — 最接近原生App体验的前端框架

MUI 是最接近原生APP体验的高性能前端框架。

首要目标是追求性能体验，MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K，轻量必然是重要特征。

重要目标是追求原生UI，MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度。

官网地址：http://dev.dcloud.net.cn/mui/

Github：https://github.com/dcloudio/mui

11. AUI 2.0 — 靠谱的移动APP H5前端框架

AUI2.0的重新架构充分站在项目开发的角度上，以解决布局样式为重点，组件模块化为辅助进行全面优化调整，可以说2.0版本的AUI更合适项目的开发。我们从细节入手，让AUI做出来的APP达到像素及应用的标准，遵循Google Material设计规范，让行里行间的代码发挥她的极致效果。

专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是它主要面向混合开发的 CSS 框架。所以看起来作者比较猖狂，各种高级 CSS3 遍地使用，选的都是 CSS3 兼容性不错的属性，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的布局。

官网地址：http://www.auicss.com/

12. ZUI — 开源HTML5跨屏框架

一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

官网地址：http://zui.sexy/

13. 拼图前端框架

拼图是优秀的跨屏响应式布局前端开发CSS开源框架，国内前端框架先驱及领导者，自动适应手机、平板、电脑等设备，让前端开发像游戏般快乐、简单、灵活、便捷。

官网地址：http://www.pintuer.com/