移动端前端ui框架(前端UI框架小汇总)
移动端前端ui框架(前端UI框架小汇总)组件库:基于jquerySUI(阿里巴巴国际UED团队-商家业务事业部)官网地址:http://sui.taobao.org/描述:一套基于Bootstrap开发的前端组件库,同时她也是一套设计规范。
基础引入:
CDN:
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://img.aigexing.comhttps://unpkg.com/element-ui/lib/index.js"></script>
npm:
npm i element-ui -S
SUI(阿里巴巴国际UED团队-商家业务事业部)
官网地址:http://sui.taobao.org/
描述:一套基于Bootstrap开发的前端组件库,同时她也是一套设计规范。
基于jquery
组件库:
GitHub:https://github.com/sdc-alibaba/sui
star:322,fork:135
latest commit 2015.7.23 3pm
4 contributors
基础引入:
CDN:
<link href="http://g.alicdn.com/sj/dpl/1.5.1/css/sui.min.css" rel="stylesheet"><script type="text/javascript" src="https://img.aigexing.comhttp://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script><script type="text/javascript" src="https://img.aigexing.comhttp://g.alicdn.com/sj/dpl/1.5.1/js/sui.min.js"></script>
观点:偏向设计规范,组件库相对简单。
H-ui
官方地址:http://www.h-ui.net/
描述:轻量级前端框架,简单免费,兼容性好,服务中国网站。
基于jQuery
GitHub地址:https://github.com/jackying/h-ui
star:432,fork:196
latest commit 2017.11.16 3pm
1 contributors
组件库:
观点:无亮点 借鉴第三方插件完成
layui
官方地址:http://www.layui.com/
描述:更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,
让一切你所需要的元素与交互,从这里信手拈来。
layui 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。
经典模块化前端框架
组件库:
GitHub:https://github.com/sentsin/layui/
star:10278 fork:2909
latest commit 2017.12.7 9pm
11 contributors
基础引入:
layui.css
layui.js
uiKit(YOOtheme 团队)
官网地址:http://www.getuikit.net/
描述:一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。
UIkit 兼容 IE9 以上现代浏览器。在 IE8 及其以下版本中,所有JavaScript 都会失效。
依赖jQuery
组件库:
GitHub地址:https://github.com/uikit/uikit
star:11146,fork:1811
latest commit 2017.12.8 4pm
21 contributors
基础引入:
CDN:
<link rel="stylesheet" href="//cdn.bootcss.com/uikit/2.25.0/css/uikit.css" /><script src="https://img.aigexing.com//cdn.bootcss.com/uikit/2.25.0/js/uikit.js"></script>
Bootstrap
中文官网:http://www.bootcss.com/
描述:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
组件库