几个精致的web UI框架

原创
2018/05/09 14:15
阅读数 131

1.Aliceui


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


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


2.Amazeui


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


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


3.sui


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


官网地址:http://sui.taobao.org/


同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。


地址:http://m.sui.taobao.org/


4.FrozeUI


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


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


5.uiKit


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


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


6.H-ui


H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。


官网地址:http://www.h-ui.net/


7.Weui


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


官网地址:https://github.com/weui/weui


8.layui


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


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


9.YDUI Touch


YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI;

官网地址:http://www.ydui.org/

10.mui

http://dev.dcloud.net.cn/mui/

11、miniui

http://www.miniui.com/

12、topjui

https://www.topjui.com/

13、easyui

http://www.jeasyui.net/

14、LuLu UI

https://l-ui.com/

 

PC前端UI框架

最好的PC前端框架ANT  NG-ZORRO:https://ng.ant.design/docs/introduce/zh
1,element:http://element-cn.eleme.io/#/zh-CN/
2,layui:https://www.layui.com/
3,H-ui:http://www.h-ui.net/
4,UIkit:http://www.getuikit.net/
5,ant:https://ant.design/index-cn/

移动端UI框架

最好的PC前端框架ANT  NG-ZORRO-MOBILE:https://ng.mobile.ant.design/#/docs/introduce/zh
1,Amaze UI:http://amazeui.org/react/
2,Vux:https://vux.li/
3,mint-ui:https://mint-ui.github.io/#!/zh-cn
4,(微信风格)WeUI:https://weui.io/
5,(IOS风格)SUI:http://m.sui.taobao.org/

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部