前端好用的UI框架

1.ElementUI(PC端)

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

官网:ElementUIElementUI(vue):https://element.eleme.cn/#/zh-CN

2.WeUI(微信)

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

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

3.Swiper

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

Swiper 中文文档: https://www.swiper.com.cn/

4.Bootstrap(牛X)

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

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

5.Mint UI(移动端)

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

6.ECharts

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

中文文档: https://echarts.apache.org/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.com/

9.uni-app

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

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