程序猿要了解的15大移动WEB前端UI框架 | 推广

Posted 2021-04-30 V客IT

前言

随着html5的流行以及对移动端开发的重视，HTML5的运用场景也越来越多了。在移动WEB开发的过程中，使用合适的移动WEB UI框架可以大大提高我们的开发效率，今天小编任性的不分排名的把最全的移动WEB前端UI框架分享给大家。

1

Amaze UI

Amaze UI是一个轻量级(所有CSS和JS gzip后100kB左右)、Mobile first的前端框架， 基于开源社区流行前端框架编写。

Amaze UI官网：http://amazeui.org/

2

Frozen UI

Frozen UI 是一个简单易用，轻量快捷，为移动端服务的前端框架，专注于移动web的UI框架，基于腾讯手机QQ规范。

3

SUI

SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面。

SUI官网：http://sui.taobao.org/

4

ZUI

ZUI是一个开源前端实践方案，帮助你快速构现代跨屏应用。

5

H-ui

H-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、javascript开发的轻量级web前端框架，开源免费，简单灵活，兼容性好，满足大多数中国网站。

6

pure.css

pure.css 一组小,响应CSS模块,您可以使用在每一个web项目

7

UIkit

UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架，可快速构建强大的前端web界面。UIKit使用的变量基于LESS，具有体积小、模块化、可轻松地自定义主题及响应式设计可在多种环境中使用等特点。UIkit中文网为广大国内开发者提供详尽的中文文档、代码实例等，帮助开发者快速掌握并使用这一框架。

8

Bootstrap

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。

Bootstrap中文网：http://www.bootcss.com/

9

拼图

拼图号称中国版的Bootstrap，优秀的跨屏响应式布局前端开发框架(CSS框架)，国内前端框架先驱及领导者，能自动适应电脑、平板、手机等设备，让web前端开发更简单、快速、便捷。

拼图官网：http://www.pintuer.com/

10

Plane UI

Plane UI是一个构建 HTML5 应用的跨终端响应式前端界面框架及解决方案。

Foundation

Foundation 5是我们最快、最好的构建。多用的功能来帮助编写代码和学习比以往任何时候都要快。

Foundation官网：http://foundation.zurb.com/

11

mui

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

WeUI

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

12

Arale

Arale 立足于支付宝的前端需求和国内前端社区，基于Sea.js和spm生态圈，致力发展小而美的前端模块架构，建立了一套从编码测试到部署的开发体系， 是一个开放、简单、易用的前端解决方案。Arale 模块均兼容于 IE6+ 以及 Chrome/Firefox/Safari/Opera 的最新稳定版。

Arale官网：http://aralejs.org/

13

Semantic UI 

Semantic UI 是一款语义化设计的前端开源框架，其功能强大，使用简单，为设计师和开发师提供可复用的完美设计方案。

14

Jingle UI

Jingle UI是一个基于html5、css3开发轻量级的移动webapp 框架，提供一些基本交互方式，常用的组件(scroll,actionsheet,sidemenu,toggle,push2refresh……)，帮助您更方便的开发移动应用。

15

CMUI 

CMUI 是一个专攻移动网页的 UI 框架，它提供了丰富的组件和简洁的接口，开箱即用。CMUI 帮助开发者摆脱样式细节和兼容性困扰，从而腾出更多精力投入到业务开发中。

以上是在长期工作中总结出来的移动WEB UI框架资源，大家可以根据自己的业务需求去选择合适的WEB UI框架。在此不评价任何一个框架的好坏，存在就有他的合理性，总有他适合的场景。感谢这些项目的贡献者，感谢开源力量!

敬请关注更多精彩内容

其实，框架之间并不存在好与不好之分，只能看你的需求是什么，这个框架适不适合你去用，值得一提的是各种框架你会用其中的一个，其它的上手起来也会变得简单！反正在小编看来，写框架的人都是“高人”！

长按上面的二维码关注，

实时获得更多v客学院的动态和资讯哟！

来这里找志同道合的小伙伴！