前端框架推荐合集

React-Native

Facebook 的 React 团队发布了 React Native。它不仅可以让我们使用 React 框架来使用原生移动组件创建应用程序，但它使一切成为了现实——这意味着我们在开发应用时不需要重新编译——这使得它非常容易地创建移动应用

Vue.js

渐进式Javascript框架

Angular

Ionic

ionic 吧开发流程都帮你做好了，已经不再是单纯的UI框架，而是开发框架了，非常适合快速开发。基于angular2，丰富的UI组件，大大改进的编程模型，

Semantic UI

中文官网 英文官网

Weex

一套构建高性能、可扩展的原生应用跨平台开发方案

Framework7

Framework7 是一个开源免费的框架可以用来开发混合移动应用（原生和HTML混合）或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具，可以迅速创建一个应用的原型。

Ant.design

提炼自企业级后台产品的交互语言和视觉风格。丰富实用的 React UI 组件。基于 React 的组件化开发模式。背靠 npm 生态圈。基于 webpack 的调试构建方案，支持 ES6。

Ant.design移动端解决方案

AlipayUI

AlipayUI 是蚂蚁金服针对 mobile 研发推出的一套基于 React 实现的 H5 组件库，是对外开放的一套支付宝 APP 开发标准，旨在帮助用户快速完成 H5 页面开发，并提供给用户在支付宝 APP 内一致性的用户体验。

SUI

纯UI框架，淘宝出品，应该靠谱，不大会半路夭折。

WEUI

微信设计团队出品，微信原生视觉体验样式库。

AUI

专为APICloud开发者设计的一套UI框架，解决了很多移动前端开发的普遍问题，兼容性不错的CSS3使用，框架还提供了聊天界面、计数列表等组件，解决了很多复杂的布局。

Aliceui

Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。

H-ui

H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。

LayUI

Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。

YDUI Touch

YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高;使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局;实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px;自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI;

Amaze UI

基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流。解决了国内浏览器存在的跨屏适配和兼容性问题。

Frozen UI

鹅厂出品，QQ会员前端用的是这套框架开源，不过貌似已经停止维护了

Semantic UI

UI上跟Bootstrap没太多的区别，不过代码命名规范上却相差甚大，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的class命名与它的类名冲突。

Foundation

框架界的元老啦，这个框架一直到现在依然这么的热门，如果你比较介意Bootstrap开发撞脸的尴尬事情，那么你可以考虑使用Foundation。即使你使用预定义的UI元素,也不会与其他网站太像，就像官方说的给开发者更灵活的框架体验。

UiKit

UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个WordPress爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI编辑器和手动编辑，所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。

Pure

框架小巧，并且是纯CSS，可与其他框架快速结合使用。

Purecss

一个轻量级的库如Purecss（http://purecss.io），采用Grid的部分即可，需要定制的部分，建议自行配置，或者是直接采用grid.css，grid960.css这样的栅格来处理。

Bootstrap

基础组件主要是button,input,form等，可以在Bootcss看到很多的组件库，按照需要选择一部分，在做下自定义修改配色，阴影，边框什么的，动画的话就用animate.css吧。

Element

国产，待研究，基于Vue
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。