前端UI框架总结

时间:2024-03-22 15:40:55

前端UI框架总结 原文 请关注前端程序猿之路公众号
原文链接:
https://mp.weixin.qq.com/s?__biz=MzI0NzUyNTY4Mg==&mid=2247483721&idx=1&sn=b36877b1ee3a0439d3cf19d80526ecd0&chksm=e9aff914ded87002fd3e1d5e1f2d20c0d042ea920fde445f83308a34eee9b897f396475f3982&token=1928447548&lang=zh_CN#rd前端UI框架总结

​1.Vue.js

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。
Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。
另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
官网:https://cn.vuejs.org/前端UI框架总结

2.Mint UI

mint-ui是有饿了么前端团队推出的基于Vue.js的移动端组件库,Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。
通过它,可以快速构建出风格统一的页面,提升开发效率。真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。
官网:http://mint-ui.github.io/#!/zh-cn前端UI框架总结

3.Element

Element,一套为开发者,设计师和产品经理准备的基于Vue 2.0的桌面端组件库,是饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的所有组件
官网:https://element.eleme.cn/#/zh-CN前端UI框架总结

4.iView

iView是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。
其特性为高质量、功能丰富、友好的 API ,*灵活地使用空间、细致、漂亮的 UI、事无巨细的文档、可自定义主题
官网:http://v1.iviewui.com/前端UI框架总结

5.Vant

Vant轻量、可靠的移动端 Vue 组件库特性 60+ 高质量组件、 95% 单元测试覆盖率、完善的中英文文档和示例、支持按需引入、支持主题定制、支持国际化、支持TS、支持SSR等。
官网:https://youzan.github.io/vant/#/zh-CN/intro前端UI框架总结

6.Layui

Layui定义为“经典模块化”,并非是刻意强调“模块”理念本身,而是有意避开当下 JS 社区的主流方案,试图以尽可能简单的方式去诠释高效!
Layui 提供了丰富的内置模块,他们皆可通过模块化的方式按需加载。
Layui可作为 PC网页端后台系统与前台界面的速成开发方案。
官网:https://www.layui.com/前端UI框架总结

7.AT-UI

AT-UI是一款基于 Vue 2.x 的前端 UI 组件库,主要用于快速开发 PC 网站产品。
AT-UI基于 Vue 开发组件、基于 npm + webpack + babel 的工作流,支持 ES2015。
CSS 样式独立,即使采用不同的框架实现都能保持统一的 UI 风格。
官网:https://at-ui.github.io/at-ui/#/zh前端UI框架总结

8.WeUI

WeUI 是微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库。
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
官网:https://weui.io/前端UI框架总结

9.uni-app

uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS,Android,H5,以及各种小程序(微信/支付宝/百度/头条/ QQ /钉钉)等多个平台。
即使不跨端,uni-app同时也是更好的小程序开发框架。
官网:https://uniapp.dcloud.io/前端UI框架总结

10.Ant Design

Ant Design是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。
Ant Design服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。
官网:https://ant.design/index-cn前端UI框架总结

11.ionic

ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验。
ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
官网: http://www.ionic.wang/js_doc-index.html前端UI框架总结

12.Amaze UI

Amaze UI是一个移动优先的跨屏前端框架。Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写
Amaze UI Web组件把一些常见的Web组件分割成不同的部分,进行类似Web Components的封装
官网:https://amazeui.clouddeep.cn/前端UI框架总结

13.Flutter

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
官网:https://flutterchina.club/前端UI框架总结

14.Ant Design of Vue

Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库,用于开发和服务于企业级中后台产品。
官网:https://www.antdv.com/docs/vue/introduce/前端UI框架总结