前端好用的UI框架

1.ElementUI（PC端）

介绍： element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。

官网：ElementUI
ElementUI（vue）：https://element.eleme/#/zh-CN

2.WeUI（微信）

介绍： WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

WeUI 官方 Github： WeUi https://github/weui/weui
WeUI 官方 Releases： https://github/weui/weui/releases【进入该地址下载最新版】
WeUI 官方Demo： https://weui.io/
WeUI 开发文档： http://old.jqweui/

3.Swiper

介绍： 非常好用的轮播图插件，Swiper常用于移动端网站的内容触摸滑动。Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

Swiper 中文文档： https://www.swiper/

4.Bootstrap（牛X）

介绍： Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。所有的主流浏览器都支持 Bootstrap。Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见 Bootstrap 响应式设计。拥有一套强大的栅格系统。

Bootstrap 文档： https://www.bootcss/

5.Mint UI（移动端）

介绍： 基于VUE的移动端组件库，Mint-UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 100+ K。
W3C 参考网址： https://www.w3cschool/mintui/
下载地址： https://github/ElemeFE/mint-ui
官网： https://mint-ui.github.io/#!/zh-cn （有时候打不开）

6.ECharts

介绍： ECharts是一个纯JavaScript图表库，底层依赖于轻量级的Canvas类库ZRender，基于BSD开原协议，是一款非常优秀的可视化前端框架。

中文文档： https://echarts.apache/zh/index.html

7.Ant Design

antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。提炼自企业级中后台产品的交互语言和视觉风格。
📦 开箱即用的高质量 React 组件。
🛡 使用 TypeScript 开发，提供完整的类型定义文件。
⚙️ 全链路开发和设计工具体系。
🌍 数十个国际化语言支持。
🎨 深入每个细节的主题定制能力。

中文文档： https://ant.design/docs/react/introduce-cn

8.LayUI

介绍： layui 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

官方文档： https://www.layui/

9.uni-app

介绍： uni-app 是继 mui 框架之后的一个跨多端的开发框架，目前支持 iOS Android 和 wx(微信小程序), 也就是说开发一套代码可以实现相应端的开发，是基于Vue的一个很不错的开发框架，对于熟悉Vue 和微信小程序的开发小伙伴来说学习成本几乎为零。

官方文档： https://uniapp.dcloud.io/