初识前端03—前端常见UI框架
1.Aliceui
Alice 是漫游仙境的童话女神,是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS
的更好方式。
她包括了一套通用样式模块库,一个模块化样式构建规范,一组帮助书写和组织样式的工具,以及产出更多 Alice 模块和样式库的完善方案。
gitHub地址:https://github.com/aliceui/aliceui.github.io
2.Amazeui
中国首个开源 HTML5 跨屏前端框架Amaze UI是一个轻量级,Mobile first的前端框架,基于开源社区流行前端框架编写的。官网有响应式和移动站样例。
官网地址:http://amazeui.org/
3.sui
SUI 轻量,小巧且精美的UI库,方便迅速搭建手机H5应用
SUI Mobile 是阿里巴巴共享业务事业部SDC团队(UED)提供的一套手机UI库。目的是为手机千牛、百川以及任何手机端的H5页面提供标准的设计规范和前端实现。SUI Mobile并没有重新发明轮子,主要参考了 ratchet 和 Framework7
详细文档请参考:http://m.sui.taobao.org/
4.FrozeUI
Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。
官网地址:http://frozenui.github.io/
5.uiKit
UIKit的是一款轻量级,模块化的前端框架,可快速构建强大的网络前端界面。
官网地址:http://www.getuikit.net/
6.H-UI
H-UI是轻量级前端框架,简单免费,兼容性好,适用于中国网站。
官网地址:http://www.h-ui.net/
7.Weui
weUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含按钮,单元格,对话框,进度,吐司,文章, actionsheet,图标等各式元素。
官网地址:https://github.com/weui/weui
8.layui
Layui诞生于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。
官网地址:http://www.layui.com/
9.YDUI Touch
YDUI Touch专为移动端打造,在技术实现,交互设计上兼容主流移动设备,保证代码轻,性能高;使用Flex技术,灵活自如地对齐,收缩,扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换px;自定义Javascript组件,少文件,少变量,定制一份属于自己的YDUI;
官网地址:http://www.ydui.org/
10.MuseUI后台开发框架
一款基于自举风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。
官方网站:http://git.oschina.net/muse/museui
常用前端UI框架快速开发的Web项目
1.DWZ国产的jQuery UI富客户端框架
框架地址:http://jui.org/
2.jQuery LingerUI国产前端框架
框架地址:http://www.ligerui.com/
3.JQuery EasyUI帮助你快速构建web应用的前端框架
框架中文地址:http://www.jeasyui.net/
框架英文地址:http://www.jeasyui.com/
4.bootstrap这个就不多说了,目前应用最为广泛的UI框架,组件样式都非常丰富
框架地址:http://www.bootcss.com/
5.BUI感觉做的还是不错
框架地址:http://www.builive.com/
6.拼图优秀的国产响应式css开源框架,自动适应手机,平板,电脑
框架地址:http://www.pintuer.com/
7,Alloy UI - 功能强大的CSS UI框架
合金UI是基于YUI 3的前段UI框架,包含一套丰富的(超过60)的UI部件,如图片库,对话框,树形结构,面板,自动完成,按钮,日历控件,工具条等。
官方网站:http://alloyui.com/
8.vue.js
官网地址:https://cn.vuejs.org/
Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.js 更容易上手。