WebApp移动端前端UI库推荐—Frozen UI、WeUI、SUI Mobile

我始终坚信WebApp会有未来,所以研究了一下符合国情的移动前端UI库,发现腾讯和淘宝在这块都做得不错,百度那个WebUploader – 文件上传组件做的不错,还有百度的UEditor – 富文本编辑器,但是移动前端UI库暂时没发现。

Frozen UI

自述:简单易用,轻量快捷,为移动端服务的前端框架。

主页:http://frozenui.github.io/

开发团队:QQVIP FD Team

Github:https://github.com/frozenui/frozenui

Demo:http://frozenui.github.io/frozenui/demo/index.html

我的感觉:那个H5页面的动画库很好,很强大,如果单纯的做H5活动页面,这个绝对是第一选择!当然了,如果开发WebApp,我会优先选择这个。

WeUI

自述:WeUI是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。

开发团队:Wechat Official Design Team

Github:https://github.com/weui/weui

Demo:http://weui.github.io/weui/

我的感觉:还比较年轻、轻量级的,出了不少第三方的扩展,基于VUE的,React的都有,我比较喜欢那个jQuery WeUI:https://github.com/lihongxun945/jquery-weui,如果单纯做基于微信的开发,我会选择这个!

SUI Mobile

主页:http://m.sui.taobao.org/

自述:轻量、小巧、精美的UI库,方便迅速搭建手机H5应用,也非常适合开发跨平台Web App。

开发团队:阿里巴巴共享业务事业部UED团队

Github:https://github.com/sdc-alibaba/SUI-Mobile

Demo:http://m.sui.taobao.org/demos/

兼容:兼容到 iOS 6+ 以及 Android 4.0+

基于 Framework7 进行开发,并参考 Ratchet、Fastclick 开源库。

我的感觉:这个很本地化,上面提到的那个Jquery WeUI的作者同样做了一个Light7,基于Framework7的,跟这个有点类似。总体觉得淘宝的东西都是商务化的系统才用到,如果商城、购物系统这个不错。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端学习归纳总结

RESTful杂记

在网上找了许久的关于REST的资料,发现网上大部分都是说的比较片面,虽然有部分说出了本质,但也没有详细提出,所以在这里记录一下。

12110
来自专栏伟大程序猿的诞生

MPchart 使用详解及详细属性( 二)----pieChart(饼状图)

项目源代码:https://github.com/libin7278/MpChart

84720
来自专栏伟大程序猿的诞生

酷炫MQTT实现消息推送

首先在实现本功能之前我们需要储备一下预备知识,大家可以看我的前两篇文章以及官网,了解MQTT的基本常识: MQTT入门篇

63550
来自专栏伟大程序猿的诞生

酷炫实现WebView与Native完美融合

首先看个效果图: 这里背景是native的,左侧边栏也是native的,右侧内容是透明web页面,是不是很酷炫的样子,而且我们还可以自己加蒙版背景,是不是很...

19020
来自专栏前端学习归纳总结

webpack 第二篇(搭建一个webpack)

为了省事,我直接在github上clone了一个小型webpack项目, 这是地址:https://github.com/acexyf/WebpackTest

15640
来自专栏伟大程序猿的诞生

Android强大log框架Logger使用详解

log信息是开发中最最重要的部分,那么如何更好的捕获信息呢?接下来就让我们了解一下强大的log框架–Logger。

1.1K10
来自专栏业余草

windows下git的安装和使用

git到底是个什么东西,我这里就不介绍了,如果大家还有不懂的,可以去百度一下的。我这里给一个介绍的网址:git简介        这里在留一个地址http://...

26720
来自专栏伟大程序猿的诞生

MPchart使用详解及详细属性(一)

项目源代码:https://github.com/libin7278/MpChart

2K20
来自专栏伟大程序猿的诞生

MVP详细解析以及使用方法

github地址:https://github.com/libin7278/MPV-example 需要结合开源项目理解MVP并逐步学会使用,本开源项目正在...

20230
来自专栏伟大程序猿的诞生

Android的JNI【实战教程】3⃣️--Java调用C代码

看了上一篇: http://blog.csdn.net/github_33304260/article/details/62891083 我们应该已经可...

22240

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励