轻量级手机ui框架php 前端ui框架有哪些

很多关注后端开发的朋友很希望了解轻量级手机ui框架php 前端ui框架有哪些，今天我爱编程网为大家整理了相关文章，一起来看看吧！

前端ui框架有哪些

前端ui框架有哪些？前端ui框架有：适合移动端的UI框架（Mint UI、SUI Mobile、Weui等），适合PC 端的UI框架（iView、Element UI、SUI、H-ui等），适合混合开发的UI框架（ionic、Framework7等），以下是具体的内容介绍。
适合移动端的UI框架
Mint UI（饿了么团队）
中文官网：-ui.github.io/#!/zh-cn
描述：基于vue的移动端UI框架
基于vue

组件库：
GitHub地址：
预览地址：
-ui/#/
基础引入：
CDN:
<!-- 引入样式 -->
<link rel="stylesheet" href="
<!-- 引入组件库 -->
<script src=" Mobile（阿里巴巴共享业务事业部UED团队）
官网：
描述：一套基于 Framework7 开发的UI库。基于IOS风格。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，
并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。
基于zepto，IOS风格
预览：

组件库：
GitHub地址：
基础引入：
CDN:
<!-- 引入样式 -->
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<!-- 引入组件库 -->
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>Weui（微信官方设计团队）
描述：WeUI 为微信 Web 服务量身设计,是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。
包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
GitHub地址：
预览：

UI组件：
JS组件：
基础引入：
CDN：
<!-- 引入样式 -->
<link rel="stylesheet" href="
<!-- 引入组件库 -->
<script type="text/javascript" src=" Touch
官网：
描述：一只注重审美，且性能高效的移动端&微信UI。基于jQuery
兼容性：兼容绝大多数移动端设备（兼容Android4.0+、IOS6.0+）；
采用 flexbox 布局，因低版本安卓及部分特殊浏览器不兼容flex-basis、flex-wrap、inline-flex属性，YDUI 将采取其他解决方案；
基础引入：（需要下载）
引入YDUI样式：ydui.css
引入YDUI自适应解决方案类库：ydui.flexible.js
引入jQuery2.0+
引入YDUI脚本：ydui.js
组件库：
预览：

GitHub地址：
个人观点：自定义keyBoard插件为亮点
GMU（百度GMU小组开发）
描述：基于zepto的轻量级mobile UI组件库，符合jquery ui使用规范，提供webapp、pad端简单易用的UI组件。
兼容iOS3+ / android2.1+，支持国内主流移动端浏览器，如safari, chrome, UC, qq等。
GitHub地址：
star:1106,fork:461
latest commit 2017.4.18 2pm
8 contributors
基础引入：
引入reset.css：
引入gmu.css：
引入zepto.js：
引入gmu.js：
FrozenUI（QQVIP FD团队? Alloyteam团队）
官方地址：
描述：简单易用，轻量快捷，为移动端服务的前端框架。基于手Q样式规范。应用在腾讯手Q增值业务。兼容android 2.3 +，ios 4.0 + 。
GitHub地址：
个人观点：JS组件库相对简洁，移动优先
Foundation
中文官网：
描述：Foundation是国外最流行的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
GitHub地址：
基础引入：
CDN:
<!-- 引入样式 -->
<link rel="stylesheet" href=" integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous" />
<!-- 引入组件库 -->
<script src=" integrity="sha256-Nd2xznOkrE9HkrAMi4xWy/hXkQraXioBg9iYsBrcFrs=" crossorigin="anonymous"></script>个人观点：无很多中文官方文档，不便于中国开发者
Amaze UI
官方地址：
描述：中国首个开源 HTML5 跨屏前端框架。Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果。基于jQuery
GitHub：
组件库：
基础引入：
CDN:







观点：适合PC端更多(例如分页的实现)
Pure
中文官网：
描述：纯CSS，美国雅虎公司出品的一组轻量级、响应式纯css模块，适用于任何Web项目。
GitHub：
基础引入：
CDN:
<link rel="stylesheet" href=" integrity="sha384-CCTZv2q9I9m3UOxRLaJneXrrqKwUNOzZ6NGEUMwHtShDJ+nCoiXJCAgi05KfkLGY" crossorigin="anonymous">适合PC 端的UI框架
iView
官网地址：
描述：一套基于 Vue.js 的高质量 UI 组件库。iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
GitHub地址：
组件库：
基础引入：
CDN：
<!-- import Vue.js -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- import stylesheet -->
<link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css">
<!-- import iView -->
<script src="//unpkg.com/iview/dist/iview.min.js"></script>Element UI（饿了么团队）
官方地址：-cn.eleme.io/#/zh-CN
描述：基于 Vue 2.0 的桌面端组件库
GitHub：
组件库：
基础引入：
CDN:
<link rel="stylesheet" href="
<script src="
官网地址：
描述：一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。基于jquery
组件库：
GitHub：
基础引入：
CDN:
<link href="" rel="stylesheet">
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>观点：偏向设计规范，组件库相对简单。
H-ui
官方地址：-ui.net/
描述：轻量级前端框架，简单免费，兼容性好，服务中国网站。
基于jQuery
GitHub地址：
组件库：
观点：无亮点,借鉴第三方插件完成
layui
官方地址：
描述：经典模块化前端框架，更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
layui 兼容人类正在使用的全部浏览器（IE6/7除外），可作为 PC 端后台系统与前台界面的速成开发方案。
组件库：

GitHub：
基础引入：
layui.css、layui.js
uiKit（YOOtheme 团队）
官网地址：
描述：一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。依赖jQuery
UIkit 兼容 IE9 以上现代浏览器。在 IE8 及其以下版本中，所有JavaScript 都会失效。
组件库：
GitHub地址：
基础引入：
CDN:
<link rel="stylesheet" href="//cdn.bootcss.com/uikit/2.25.0/css/uikit.css" />
<script src="//cdn.bootcss.com/uikit/2.25.0/js/uikit.js"></script>Bootstrap
中文官网：
描述：简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。
组件库：
GitHub地址：
基础引入：
CDN：
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href=" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href=" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src=" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>其他基于bootstrap衍生出来的模块：
Ace Admin后台管理系统模板：基于bootstrap3；
Metronic后台管理模板：
H+:-han.net/theme/hplus/
jQuery UI+Bootstrap：
更多：
jQuery UI
官方网址：
组件库：
其他基于jQuery衍生出来的模板：
BUI：基于jQuery+KISSY UI:
EasyUI：
描述：使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。
DWZ JUI：
适合混合开发的UI框架
ionic
中文官网网址：-china.com/
描述：ionic是一个强大的 HTML5应用程序开发框架(HTML5 Hybrid Mobile App Framework)。基于angular
ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。
Framework7
官网地址：
描述：Framework7 是一个开源免费的框架可以用来开发混合移动应用（原生和HTML混合）或者开发 iOS & Android 风格的WEB APP。
也可以用来作为原型开发工具，可以迅速创建一个应用的原型。
它只专注于为 iOS 和 Google Material 设计提供最好的体验。
GitHub：
OnsenUI
官网地址：
描述：用来构建混合移动端APP的 HTML5 UI 框架
GitHub地址：
总结：

有哪些值得推荐的类似 jQuery UI 或者 Bootstrap 这样的 UI 框架

1）Twitter Bootstrap

Bootstrap是最流行的HTML5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件，如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。

2）HTML5 Boilerplate

HTML5 Boilerplate能帮助我们构建快速、可适应的Web应用和网站。它提供了优秀的网站性能和独立的服务器维护配置。它可以帮助你开展新的项目。

3）Foundation

Foundation是当今世界最先进的响应式前端框架。我们可以通过构建面向小型设备的网站来使用此HTML5架构。它也可用于灵活和响应式的网站

4）UIKit

UIKit是一款轻量级，模块化的前端框架，可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS和JS组件，使用和定制都很方便。

5）HTML5 KickStart

HTML5 KickStart有着精简的HTML5、CSS和JS的构建模块，支持快速制作网站。它小小的程序包中囊括了响应式网格布局、触摸功能的幻灯片等等

6）Gumby

Gumby2是一个非常了不起的响应式CSS框架。Gumby框架也允许定制：这和下载、调整、部署一样简单！Gumby2建立在Sass的基础上。

7）Skeleton

Skeleton简单又友好，可用于开发HTML5网站和移动应用。它有一个CSS文件的小集合，能让你快速开发出任意大小的网站。

8）Groundwork

Groundwork是一款响应HTML5、CSS和JavaScript的框架，拥有如网格系统，高度可定制化，响应式文本等等功能。

9）Base

Base是一款基于语义的、轻量级的和可扩展的框架，可用于快速创建响应式站点。

10）Montage

Montage是一款支持构建现代化Web应用程序的HTML5框架。它能协助你开发出可扩展和可维护的HTML5应用。它拥有如可重用的组件和HTML模板，声明组件模型，声明数据绑定等功能。

11）Layers CSS

Layers CSS是轻量级的CSS框架，它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类，以支持响应式布局。

12）52Framework

52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页，同时支持所有现代浏览器的HTML5框架。它里面有多种超棒的组件，如HTML5视频播放器，圆角，HTML5画布例子，HTML5表单验证等等等等。

13）CreateJS

CreateJS是一系列模块化的库和工具，经由HTML5的Web技术生成丰富多彩的交互式内容。它有HTML5音频，对象管理，渐变等功能。CreateJS套件包括：EaselJS，TweenJS，SoundJS，PreloadJS和Zoe。 我爱编程网

14）Kube

Kube Framework只有一个CSS文件。它的美丽就源于它的简单。对开发人员拥有最大的灵活性和定制，并提供LESS文件。

15）Less Framework

Less Framework是一个现代化的前端框架，用于构建响应式的设计。它也是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版

16）SkelJS

skelJS是一款轻量级的前端框架，用于构建响应式网站和app。

具体的官方网址请参考以下博客内容：

php现在比较热门实用的框架有哪些？

PHP作为强大的Web开发语言，上手非常容易，开发效率很高，不需要像Java一样进行编译后才能执行，但是如果用原生的PHP来开发还是会存在开发速度慢，或者说后期维护难度大，缺乏代码严谨性等问题，我就需要使用目前流行的MVC框架，那么现在有哪些PHP框架更方便，更快捷呢？

1.Laravel

laravel可以说是从去年到今年都是最热门的PHP框架之一，它的优势在于易学习，上市容易，强大的扩展类库，可以直接使用Composer引用（laravel5.5以后不需要在文件引用外加的扩展类），你可以在它的官方文档中找到很多你能用的到的扩展类，不需要自己再进行开发，方便的artisan命令，一键生成MVC以及其他常用文件，并且支持队列，数据库迁移，数据填充等功能，是一个非常有艺术感的框架。

2.Thinkphp

作为PHP开发者中最受欢迎的框架之一，它有着优雅的语法，完善的开发文档，能简单的开发出你需要的功能，比起之前的3版本，最新的版本也可以使用Composer来下载类库，并且也支持队列，身份验证，回话，高级路由等功能。

3.Yii2

拥有简洁的面向对象的框架，能够很好的扩展你的视图，总的来说Yii2对开发者是很友好的。

4.CI

它可谓是PHP框架中轻量级框架的代表，本身框架非常小，但是功能依然强大，它提供了简单而精致的开发类库，唯一缺失的就是本身的安全性。

这是目前PHP比较热门的框架，个人还是比较喜欢使用Laravel，开发效率极高，有非常多的类库来辅助支持，更新也快，最近已经更新到了5.6版本，不过建议还是使用5.5LTS长期支持版，不需要经常更新框架源码，如用上手速度来看的话，优先可以选择CI框架。

以上就是我爱编程网为大家带来的轻量级手机ui框架php 前端ui框架有哪些，希望能帮助到大家，更多相关信息，敬请关注我爱编程网！