提一提早端框架-更新版

 前端UI框架

【PC端】

1、Bootstrap ：http://www.bootcss.com/

2、easyUI ：http://www.jeasyui.net/

3、jQuery UI ：http://jqueryui.com/

4、iView

　　官網地址：https://www.iviewui.com/
　　描述：一套基於 Vue.js 的高質量 UI 組件庫。iView 是一套基於 Vue.js 的開源 UI 組件庫，主要服務於 PC 界面的中後臺產品。
　　GitHub地址：https://github.com/iview/iview

5、Element UI（餓了麼團隊）

　　官方地址：http://element-cn.eleme.io/#/zh-CN
　　描述：基於 Vue 2.0 的桌面端組件庫
　　GitHub：https://github.com/ElemeFE/element

6、SUI（阿里巴巴國際UED團隊-商家業務事業部）

　　官網地址：http://sui.taobao.org/
　　描述：一套基於bootstrap開發的前端組件庫，同時她也是一套設計規範。
　　基於jquery

7、H-ui

　　官方地址：http://www.h-ui.net/
　　描述：輕量級前端框架，簡單免費，兼容性好，服務中國網站。
　　基於jQuery

8、layui

　　官方地址：http://www.layui.com/
　　描述：更可能是爲服務端程序員量身定作，你無需涉足各類前端工具的複雜配置，只需面對瀏覽器自己，
讓一切你所須要的元素與交互，從這裏信手拈來。
　　layui 兼容人類正在使用的所有瀏覽器（IE6/7除外），可做爲 PC 端後臺系統與前臺界面的速成開發方案。
經典模塊化前端框架

 

【移動端】

1、Mint UI（餓了麼團隊）

中文官網：http://mint-ui.github.io/#!/zh-cn

　　描述：基於vue的移動端UI框架
　　基於vue

2、SUI Mobile（阿里巴巴共享業務事業部UED團隊）

　　官網：http://m.sui.taobao.org/
　　描述：一套基於 Framework7 開發的UI庫。基於IOS風格。它很是輕量、精美，只須要引入咱們的CDN文件就可使用，
而且能兼容到 iOS 6.0+ 和 Android 4.0+，很是適合開發跨平臺Web App。
　　基於zepto
　　IOS風格
　　預覽：
　　　　http://m.sui.taobao.org/demos/

3、Weui（微信官方設計團隊）

　　描述：WeUI 爲微信 Web 服務量身設計,是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信 Web 開發量身設計，能夠令用戶的使用感知更加統一。
包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
　　GitHub地址：https://github.com/weui/weui

4、YDUI Touch

　　官網：http://www.ydui.org/
　　描述：一隻注重審美，且性能高效的移動端&微信UI。
　　基於jQuery
　　兼容性：
　　　　兼容絕大多數移動端設備（兼容Android4.0+、IOS6.0+）；
　　採用 flexbox 佈局，因低版本安卓及部分特殊瀏覽器不兼容flex-basis、flex-wrap、inline-flex屬性，YDUI 將採起其餘解決方案；
　　基礎引入：
　　　　download：
　　　　　　引入YDUI樣式：ydui.css
　　　　　　引入YDUI自適應解決方案類庫：ydui.flexible.js
　　　　　　引入jQuery2.0+
　　　　　　引入YDUI腳本：ydui.js

5、GMU（百度GMU小組開發）

　　描述：基於zepto的輕量級mobile UI組件庫，符合jquery ui使用規範，提供webapp、pad端簡單易用的UI組件。
兼容iOS3+ / android2.1+，支持國內主流移動端瀏覽器，如safari, chrome, UC, qq等。
　　GitHub地址：https://github.com/fex-team/GMU
　　star:1106,fork:461
　　latest commit 2017.4.18 2pm
　　8 contributors
　　基礎引入：
　　　　download
　　　　　　引入reset.css：https://github.com/fex-team/GMU/blob/master/dist/reset.css
　　　　　　引入gmu.css：https://github.com/fex-team/GMU/blob/master/dist/gmu.css
　　　　　　引入zepto.js：https://github.com/fex-team/GMU/blob/master/dist/zepto.js
　　　　　　引入gmu.js：https://github.com/fex-team/GMU/blob/master/dist/gmu.js

 

6、FrozenUI（QQVIP FD團隊• Alloyteam團隊）

　　官方地址：http://frozenui.github.io/
　　描述：簡單易用，輕量快捷，爲移動端服務的前端框架。基於手Q樣式規範。應用在騰訊手Q增值業務。
兼容android 2.3 +，ios 4.0 + 。
　　GitHub地址：https://github.com/frozenui/frozenui

7、Amaze UI

　　官方地址：http://amazeui.org/
　　描述：中國首個開源 HTML5 跨屏前端框架。Amaze UI 關注中文排版，根據用戶代理調整字體，
實現更好的中文排版效果。
　　基於jQuery
　　GitHub：https://github.com/amazeui/amazeui

八、San-mui

一套爲開發者、設計師和產品經理準備的基於 san 框架的組件庫，遵循 material design 規範，融入了開發經常使用的ui組件，幫助你快速搭建網站

https://ecomfe.github.io/san-mui/#/

九、ZUI

一個基於 Bootstrap 深度定製開源前端實踐方案，幫助你快速構建現代跨屏應用。

http://zui.sexy/

 

【VUE移動端UI框架】

vonic 一個基於 vue.js 和 ionic 樣式的 UI 框架，用於快速構建移動端單頁應用。https://wangdahoo.github.io/vonic/docs/#/
vux 基於WeUI和Vue(2.x)開發的移動端UI組件庫。https://vux.li/
Mint UI 由餓了麼前端團隊推出的 Mint UI 是一個基於 Vue.js 的移動端組件庫。http://mint-ui.github.io/#!/zh-cn
MUI  最接近原生APP體驗的高性能前端框架。http://dev.dcloud.net.cn/mui/
Muse-ui   基於 Vue 2.0 和 Material Design 的 UI 組件庫。https://muse-ui.org/#/zh-CN
Vant 是有贊前端團隊基於有贊統一的規範實現的 Vue 組件庫，提供了一整套 UI 基礎組件和業務組件。https://youzan.github.io/vant/#/zh-CN/intro
Cube UI 滴滴 WebApp 團隊 實現的 基於 Vue.js 實現的精緻移動端組件庫。https://didi.github.io/cube-ui/#/zh-CN

 

【混合開發】

1、ionic

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

　　基於angular
　　描述：ionic是一個強大的 HTML5應用程序開發框架(HTML5 Hybrid Mobile App Framework)。
ionic 主要關注外觀和體驗，以及和你的應用程序的 UI 交互，特別適合用於基於 Hybird 模式的 HTML5 移動應用程序開發。
ionic是一個輕量的手機UI庫，具備速度快，界面現代化、美觀等特色。

2、前端框架庫

1、Vue

1）官網：https://cn.vuejs.org/

2）參考網站：https://www.jqhtml.com/category/article/framework

二、React

1）官網：https://react.docschina.org/

3、Angular

1）官網：https://www.angular.cn/

4、San

https://baidu.github.io/san/

五、BootDo 面向學習型的開源框架

https://gitee.com/lcg0124/bootdo

六、xeogl ： - 3D - https://github.com/xeolabs/xeogl

 

3、組件

1、Echats ：http://www.echartsjs.com/index.html

2、Fullcalendar ：https://www.helloweba.net/javascript/445.html

3、Datatables ：http://www.datatables.club/

4、Momentjs ：http://momentjs.cn/

5、Colorpicker ：https://farbelous.io/bootstrap-colorpicker/ ； http://bgrins.github.io/spectrum/

6、Jstree ：https://www.jstree.com/

7、Sweetalert2 ：http://mishengqiang.com/sweetalert2/

8、Bootstrap-select ：https://developer.snapappointments.com/bootstrap-select/

9、swiper ：https://www.swiper.com.cn/

10、cesiumjs ：- 地理系統 - https://cesiumjs.org/ 

十一、zTree: http://www.treejs.cn/v3/main.php#_zTreeInfo

十二、GoJS:  流程圖製做組件  https://gojs.net/latest/index.html