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

原创   2019-01-01 10:02  阅读 82 次 评论 0 条

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

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

1. Aliceui

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

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

2. Amaze UI

Amaze UI前端框架

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

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

3. SUI

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框架

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

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

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

5. UiKit

UiKit前端框架

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

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

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

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

6. H-ui

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经典模块化前端框架

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

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

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

9. YDUI Touch

YDUI Touch移动端微信UI

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前端框架

AUI -移动APP H5前端框架

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

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

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

12. ZUI — 开源HTML5跨屏框架

ZUI–开源HTML5跨屏框架

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

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

13. 拼图前端框架

拼图前端框架

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

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

本文地址:http://www.aszhi.com/kuangjia/66.html
版权声明:本文为原创文章,版权归 爱思智前端 所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了

发表评论


表情