还记得你第一次使用UI框架的时候吗？那你用了什么？
当时学的是Java，做了一个电子商城。易用户是在后台使用的。当时的easyUI还没有现在的UI框架好用，使用起来也比较繁琐。当然，它不像现在这么漂亮，但它必须被使用。
后来我建立电影网站的时候，发现了LayUI，上手简单，使用更方便，开发后台界面又快又漂亮。直到现在，适合各种开发的UI框架也相应地应运而生。针对不同的界面开发选择相应的UI框架，可以让开发效率事半功倍。
本文介绍了各种前端UI框架来帮助您高效开发。
LayUI
是专业前端打造的前端UI解决方案，面向全级前端开发者，门槛低，开箱即用。layui是一个前端ui框架，由自己的模块以标准化的方式编写。它遵循原生HTML/CSS/JS的编写和组织形式，易于上手和使用。从核心代码到API的每一个细节都经过精心雕琢，非常适合接口的快速发展。
JEUI
是国内前端UI框架，遵循原生html/CSS/JS的编写和组织形式。国内很多程序员对javascript不熟悉，极大影响了开发速度。因此，JEUI不需要开发人员关心如何编写javascript，只需要编写标准的HTML即可，门槛极低，随时可以使用。它的外部很小，但它充满了内部。它体积轻，成分丰富。从核心代码到API的每一个细节都经过精心雕琢，非常适合接口的快速发展。JEUI基于jQuery的UI框架，包括表单、布局、表格等常见的UI控件。使用JEUI，您可以快速轻松地创建统一的界面效果。
浏览器与牛皮兼容非常好，可以兼容IE8以上的浏览器。
DWZ
DWZ富客户端框架(jQuery RIA framework)是中国人基于jQuery开发的ajax RIA开源框架。设计目标是简单、实用、快速开发，降低Ajax开发成本。
DWZ支持html扩展而不是javascript代码，这基本上保证了程序员不用javascript就能使用各种页面组件和ajax技术。如果有具体要求，DWZ还可以进行扩展定制和文明。
MDUI
MDUI是基于Material Design的前端框架。
19种主色调，16种强调色，1种夜景主题，可以通过增加一个CSS类进行切换。CSS只有26.7KB，JavaScript只有14KB，加载速度更快。先动起来，从小屏逐渐扩展到大屏幕，最后实现全屏适配。不依赖任何第三方库，节省网络流量，让加载更快，提升用户体验。使用CSS3进行动画交互流畅高效，使得Web应用的动画更加流畅。提供自定义打包功能，根据需要打包需要的主题和组件，使文件量突然减少。MDUI包含20多个组件，每个组件可以适应不同的主题。
只需要对HTML、CSS、JS有一点了解就可以使用MDUI。
ElementUI
元素ui框架的按钮组件，这个来自饿了么前线开源的UI框架，一问世就赢得了一大批程序员的心。在github中，29.8k之星已经说明了一切，在PC端开发页面绰绰有余。如果你是一个vue开发者，但是从来没有使用过元素UI，那么你绝对不是一个合格的vue开发者。
00-1010jquery WEUI是专门为微信公众号开发设计的简洁版。
而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。
jQuery WeUI 的最大特点是它只提供UI组件，并不会对项目所使用的框架和其他库有任何的限制，几乎可以在任何环境下使用。无论你的项目是基于jQuery，还是 React, Angular, Vue， 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目，也几乎可以做到拿来即用。
Flutter
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面，前端对于 Flutter 的热忱度之高一度让人有点惊讶，事实上在 Flutter 社区内见到的客户端开发者远多于前端开发，不过前端对于跨端解决方案确实有着天然的渴求。
Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
iView ui
iViewui一套基于 Vue.js 的高质量 UI 组件库，搭配使用 iView UI 组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定，风格统一。
Mint UI
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。
考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。
依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。
YDUI Touch
YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高。
使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局。
实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px。
自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。
SUI Mobile
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。轻量的UI库SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。
Amaze ~ 妹子 UI
中国首个开源 HTML5 跨屏前端框架
Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。
相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。
Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。
cube-ui
质量可靠：由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。
体验极致：以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。
标准规范：遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。
扩展性强：支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。
飞艇稳赚不赔的打法Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。
YDUI Touch
YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高。
使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局。
实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px。
自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。
SUI Mobile
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。轻量的UI库SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。
Amaze ~ 妹子 UI
中国首个开源 HTML5 跨屏前端框架
Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。
相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。
Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。
cube-ui
质量可靠：由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。
体验极致：以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。
标准规范：遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。
扩展性强：支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。