几款流行的web前端UI框架开发移动端项目
https://www.likecs.com/show-838798.html#sc=5600
http://aszhi.com/frame/63.html
根据近几年前端框架的热门,在前端开发框架不断更新与交换的时代,每一年都有黑马出现,是否适合自己开发的项目就不得而知了,只有认真的了解之后才能知道,本文主要介绍几款很受欢迎的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,可以非常方便的设计和实现精美的页面。
同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
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开源项目的独有特点,整合成了这么一款轻量级、模块化的前端框架。
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解决方案。
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 兼容性不错的属性,并且框架还提供了聊天界面、计数列表等组件,解决了很多复杂的布局。
12. ZUI — 开源HTML5跨屏框架
一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。
官网地址:http://zui.sexy/
13. 拼图前端框架
拼图是优秀的跨屏响应式布局前端开发CSS开源框架,国内前端框架先驱及领导者,自动适应手机、平板、电脑等设备,让前端开发像游戏般快乐、简单、灵活、便捷。