2017-1209ZanUI(Vue)2017-1218OnsenUI(Vue,React,Angular)2017-1215添加Vuetify,WeexUI,SemanticUIReact,element-react,element-angular,NG-ZORRO2017-1214新增MintUI2017-1211新增Layui,UIkit2017-1206新增cube-ui,AmazeuiReact2018-0824新增Vue的AntDesign2018-0930新增WiredElements除了建立在jQuery框架上的老字号除了上面的UI,新锐UI派:基于Vue的:ELementUI,基于React的iViewui:AntDesign,AmazeUIReact1移动端1.1WeUI来自:腾讯WeUI是一套基础的与微信原生视觉体验一致的样式库,由微信官方团队设计量身定制的微信网页和微信小程序,让用户感受更加统一。详情1.2SUIMobile来自:阿里SUIMobile是基于Framework7开发的UI库。非常轻巧优雅,只需导入我们的CDN文件即可使用,兼容iOS6.0+和Android4.0+,非常适合开发跨平台WebApps。轻量级UI库SUIMobile非常轻量级。核心库中Gzip压缩后的JS、CSS网络总传输量只有52K,却提供了20+个常用组件。详情1.3Amaze~MeiziUI中国首个开源HTML5跨屏前端框架详情AmazeUI以mobilefirst(移动优先)为理念,从小屏逐渐扩展到大屏,最终实现全屏适配适配移动互联网的趋势。AmazeUI包含近20个CSS组件,20多个JS组件,以及多个不同主题的Web组件,可以快速构建界面优秀、体验极佳的多屏页面,大大提高开发效率。相比国外框架,AmazeUI专注于中文排版,根据useragent调整字体,达到更好的中文排版效果;也兼顾了对国内主流浏览器和app内置浏览器的兼容和支持。AmazeUI为HTML5开发,使用CSS3进行动画交互,流畅高效,更适合移动设备,让网页应用加载速度更快。1.4jQuerymobilejQuerymobile是一个基于html5的用户界面系统,专为所有智能手机、平板电脑和桌面设备均可访问的响应式网站和应用程序而设计。详情1.5Framework7Framework7是一个开源免费的框架,可用于开发混合移动应用程序(本机和HTML混合)或开发iOS&Android风格的WEBAPP。它还可以用作原型开发工具,以快速创建应用程序的原型。详情Framework7的主要功能是使用HTML、CSS和JS开发iOS7应用程序。Framework7是完全免费和开源的。Framework7并非与所有设备兼容。她只专注于为iOS和GoogleMaterialDesign提供最佳体验。如果你想开发iOS或Android混合应用(Phonegap)或者你想开发iOS和GoogleMaterial风格的WEBAPP,那么Framework7将是你的首选。1.6cube-ui(Vue)cube-ui是滴滴开源的基于Vue.js的移动端组件库。详情●质量可靠:由滴滴内部组件库精简提炼,经过测试,每个组件都有充足的单元测试,为后续集成提供保障。●极致体验:以快速响应、流畅动画、贴近原汁原味为目标,追求极致的交互体验。●标准规范:遵循统一的设计交互标准,高度还原设计效果;接口标准化,使用方法统一规范,让开发更简单高效。●扩展性强:支持按需导入和后期编译,轻量灵活;可扩展性强,可轻松实现基于已有组件的二次开发。1.7MintUI(Vue)基于Vue.js的移动端组件库详解1.8WeexUI(Vue)基于Weex的富交互、轻量级、高性能的UI组件库详解1.9OnsenUI(Vue、React、Angular)最明亮高效的开发HTML5应用和WEB应用,支持angular,vue,react,详情2PC端2.1EasyUIeasyui是一套基于jQuery的用户界面插件集合。easyui为创建现代的、交互式的JavaScript应用程序提供了必要的功能。详情使用easyui,你不需要写很多代码,你只需要写一些简单的HTML标签来定义用户界面。easyui是一个完美支持HTML5网页的完整框架。easyui可以节省您的Web开发时间和规模。easyui简单但功能强大。2.2Bootstrap简洁、直观、强大的前端开发框架,让web开发更快更简单。详情2.3jQueryUIjQueryUI是一组建立在jQueryJavaScript库上的用户界面交互、效果、小部件和主题。无论您是要创建高度交互的Web应用程序还是只是将日期选择器添加到表单控件,jQueryUI都是完美的选择。jQueryUI由许多保持状态的小部件(Widgets)组成,因此它与典型的jQuery插件使用模式略有不同。所有jQueryUI小部件(Widgets)都使用相同的模式,所以一旦你学会了如何使用其中一个,你就会知道如何使用其他小部件(Widgets)。详情2.4SUISUI是一套基于bootstrap开发的前端组件库,也是一套设计规范。通过SUI可以非常方便的设计和实现漂亮的页面。详情2.5ZUI是一款基于Bootstrap深度定制的开源前端实践方案,帮助您快速构建现代多屏应用。详情2.6PlaneUIHTML5跨终端响应式前端界面框架详情2.7SemanticUISemanticUI是一个语义化设计的前端开源框架,功能强大且简单易用,为设计者和开发者提供完美的可重用设计解决方案。详解2.8基于GoogleMaterialDesign的materialize框架详解2.9ElementUI(Vue)Element由饿了么团队开源,一套面向开发者、设计师和产品经理的基于Vue2.0的组件库,提供配套的设计资源,助力您的网站原型制作迅速地。详情2.10iviewui(Vue)基于Vue.js的高质量UI组件库详情2.11ANTDESIGN(React)企业级UI设计语言和React实现。https://ant.design/index-cn提取自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量React组件。使用TypeScript构建,提供完整的类型定义文件。基于npm+webpack+dva的企业级开发框架。2.12MDUIMDUI是一个基于MaterialDesign的前端框架。轻量级,多主题切换,响应式,无依赖。http://www.mdui.org/2.13AmazeUIReact(React)是一个基于React.js开发的Web组件库详情2.14Layuilayui(谐音:classUI)是一个以自己的模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的编写和组织形式,门槛极低,开箱即用。其外观极简,内蕴丰富,体积轻巧,组件丰富,从核心代码到API的每一个细节都经过精心打造,非常适合接口的快速开发。layui的第一个版本发布于2016年金秋,她不同于那些基于MVVM底层的UI框架,但她并不逆行,而是信奉回归自然之道。准确的说,它更多的是为服务端程序员量身定做。你无需涉足各种前端工具的复杂配置,只需要面对浏览器本身,让你需要的所有元素和交互都出自这里。Details2.15UIkit轻量级模块化前端框架Details2.16Vuetify(Vue)基于vue的材质风格组件框架2Details2.17SemanticUIReact(反应)官方Semantic-UI-React集成。detailjQueryFreeDeclarativeAPIAugmentationShorthandPropsSubComponentsAutoControlledState2.18element-react(React)elementui的react版本详解2.19element-angular(angular)elementui的react版本详解2.20NG-ZORRO(angular)这里是AntDesign的Angular^5.0.0实现,企业后台产品的开发与服务。详情2.21AntDesignofVue(vue)这是AntDesign3.X的Vue实现,用于企业级后台产品的开发和服务。官网:https://vuecomponent.github.i...githubrepo:https://github.com/vueCompone...2.22连线元素连线元素是一个可爱的手绘UI库。官网https://wiredjs.com/这种手绘风格的网站很少见,不过你不妨看看dev.to,dev.to网站,ui风格也是萌萌哒-画风3PC&Mobile3.1ZanUI(Vue)Vant(?v?nt)是有赞前端团队基于有赞统一规范实现的Vue组件库,提供了一套完整的UI基础组件和业务组件。详情48+组件通过有赞线上业务测试单次测试覆盖率超过90%完善详尽的中英文文档专业的设计师团队维护视觉规范,统一优雅支持babel-plugin-import支持TypeScript扫码订阅给我微信公众号:东乡春天。每天一篇技术短文,让知识不再冰冷。
