在这个看颜值的社会，网站和人一样，也需要长得好看才能吸引眼球啊！身为前端的你，每天冥思苦想要做出好看又好用还要老板喜欢的东西，是不是分分钟感觉要炸？感同身受的小编给你们准备了一份美丽与智慧并存的前端UI框架借鉴，来自小编亲身体验与实践，关键时候真的可以解救脑容量不足，拿走，不谢~

一、Bootstrap

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。

国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

二、Foundation

Foundation 是一个易用、强大而且灵活的响应式前端框架，用于构建基于任何设备上的响应式网站、 Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。

三、Amaze UI

AmazeUI 是一个移动优先的跨屏前端框架。 AmazeUI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

四、Semantic UI

SemanticUI 是一款语义化设计的前端开源框架,其功能强大,使用简单,为设计师和开发师提供可复用的完美设计方案。

五、Pure CSS

Pure.css是美国雅虎公司出品的一组轻量级、响应式纯css模块,适用于任何Web项目。

六、topcoat

七、UIkit

UIkit 是 YOOtheme 团队开发的一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。

八、Material UI

九、Framework7

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

十、mui

最接近原生APP体验的高性能前端框架

十一、ionic framework

十二、Fries

Fries这款主打Sexy的开源移动UI开发框架自诞生以来，就颇受开发者们青睐。拥有着丰富的UI组件，开发者只需使用自己所熟悉的HTML、CSS和JavaScript就可以快速创建出非常Sexy，类似于iOS独有风格的Android应用界面。

十三、jQuery Mobile

jQuery Mobile是jQuery 框架的一个组件（而非jquery的移动版本）。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。

哈哈，不要忘了，是小编给你们整理的哟！！！这些框架可是在未来的2134年也非常牛逼呢，因为我们码疯窝学院的院长就在2134年正在和机器人大战呢，赶紧的储备好自己的知识，未来期待一起并肩作战。

把你想要知道的，吐槽的，了解的，统统丢在评论区吧，小编一天24小时都在，不信你试试咯！