快捷搜索:  汽车  科技

移动端前端ui框架(前端UI框架小汇总)

移动端前端ui框架(前端UI框架小汇总)npm:<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 Bootstrap 主题文件(一般不用引入) --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrit

GitHub地址:https://github.com/twbs/bootstrap

star:118971,fork:56198

latest commit 2017.12.8 2pm

958contributors

基础引入:

CDN:

移动端前端ui框架(前端UI框架小汇总)(1)

<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 Bootstrap 主题文件(一般不用引入) --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="https://img.aigexing.comhttps://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

移动端前端ui框架(前端UI框架小汇总)(2)

npm:

npm install bootstrap@3

其他基于bootstrap衍生出来的模块:

Ace Admin后台管理系统模板:基于bootstrap3;http://ace.jeka.by/

Metronic后台管理模板:http://www.metronic.com/

H :http://www.zi-han.net/theme/hplus/

jQuery UI Bootstrap:https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/

更多:http://www.cssmoban.com/cssthemes/houtaimoban/

jQuery UI

官方网址:http://jqueryui.com/

组件库:

移动端前端ui框架(前端UI框架小汇总)(3)

其他基于jQuery衍生出来的模板:

BUI:基于jQuery KISSY UI:http://www.builive.com/

EasyUI::http://www.jeasyui.net/

描述:使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

DWZ JUI:http://jui.org/

混合开发 UI框架

ionic

中文官网网址:http://www.ionic-china.com/

基于angular

描述:ionic是一个强大的 HTML5应用程序开发框架(HTML5 Hybrid Mobile App Framework)。

ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。

Framework7

官网地址:http://framework7.cn/

描述:Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。

也可以用来作为原型开发工具,可以迅速创建一个应用的原型。

她只专注于为 iOS 和 Google Material 设计提供最好的体验。

GitHub:https://github.com/framework7io/framework7

star:11304,fork:2439

latest commit2017.11.7 5pm

77 contributors

OnsenUI

官网地址:https://onsen.io/

描述:用来构建混合移动端APP的 HTML5 UI 框架

GitHub地址:https://github.com/OnsenUI/OnsenUI

star:5706,fork:716

latest commit 2017.11.30 6pm

83 contributors

APP 框架(拓展)

react-native

中文官网地址:http://reactnative.cn/

描述:React Native使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。

React Native着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台。(Learn once write anywhere)

GitHub地址:https://github.com/facebook/react-native

star:56938,fork:13206

1544contributors

weex

官网地址:http://weex.apache.org/cn/

描述:Weex 提供强大的跨平台能力,可以使用相同的 API 开发 Web,Android 和 iOS 应用。

同时,我们对接口了丰富的扩展能力。

更多

更多基于vue的UI框架:

https://www.awesomes.cn/subject/vue#Dom-框架

更多基于bootstrap的UI框架:

https://www.awesomes.cn/subject/bootstrap#Dom-框架

更多基于React的UI框架:

https://www.awesomes.cn/subject/react#Dom-框架

更多基于Angular的UI框架:

https://www.awesomes.cn/subject/angular#Dom-框架

结束语

关于混合APP和APP开发方面,小弟没有很多的经验,只是进行了粗略的了解。以上就是汇总到的一些关于移动端UI框架、PC端及混合APP开发UI框架方面的资料。当然,当今前端飞速发展,关于UI框架方面的很多都没有总结和汇总到,希望小伙伴们有了解到的可以留言喔。

猜您喜欢: