当前位置: 首页 > 后端技术 > PHP

目前流行的前端UI框架

时间:2023-03-29 14:14:05 PHP

在前端项目的开发过程中,总会引入一些UI框架。为了方便自己使用,很多大公司都有自己的一套UI框架。以下是经常使用和最近使用的。非常流行的UI框架。1.MintUIMintUI是饿了么团队基于vue.js开发的一款移动端UI框架。它包含丰富的CSS和JS组件,可以满足日常移动开发的需要。官网:https://mint-ui.github.io/#!/...Github:https://github.com/ElemeFE/mi...2、WeUIWeUI是一套与微信原生视觉一致的基础体验样式库由微信官方设计团队针对微信内部网页和微信小程序设计,让用户的使用感知更加统一。包含按钮、单元格、对话框、toast、文章、图标等各种元素。官网地址:https://weui.io/Github:https://github.com/weui/weui.git3.cube-uicube-ui是滴滴团队基于Vue.js开发的精美移动端组件库。支持按需引入和后期编译,轻量灵活;可扩展性强,可轻松实现基于已有组件的二次开发。官网地址:https://didi.github.io/cube-u...Github:https://github.com/didi/cube-ui/4.iViewUIiviewui是一个基于vue的强大的ui库,和很多实用的基础组件比elementui的组件丰富,主要服务于PC界面的中后台产品。基于npm+webpack+babel开发的单文件Vue组件开发模式,支持ES2015优质、功能丰富、友好的API,使用空间自由灵活。官网地址:https://www.iviewui.comGithub:https://github.com/TalkingDat...5.layuilayui是一个自己模块规范编写的前端UI框架,遵循原生HTML/CSS/JS有了组织形式,门槛极低,马上就能上手。其外观极简,内蕴丰富,体积轻巧,组件丰富,从核心代码到API的每一个细节都经过精心打造,非常适合接口的快速开发。官网地址:https://www.layui.comGithub:https://github.com/sentsin/la...6.ElementUIElement是饿了么前端开源维护的一个VueUI组件库。组件齐全,基本涵盖了后台的所有内容。需要的组件都有,文档解释的很详细,例子也很丰富。主要用于开发PC端页面,是一个比较优质的VueUI组件库。官网地址:http://element-cn.eleme.io/#/...Github:https://github.com/ElementUI/...七.at-uiat-ui是阿里团队基于Vue2.x的前端UI组件库主要用于PC网站产品的快速开发。提供了一套npm+webpack+babel前端开发工作流程,CSS风格独立,即使由不同的框架实现,也能保持统一的UI风格。官网:https://at-ui.github.io/at-ui...Github:https://github.com/at-ui/at-u...8.amazeUIAmazeUI是一款移动端-第一个跨屏前端框架。提供基本样式、网格、表格、表单、按钮和常用组件样式。它是一个轻量级的(全部CSS和JSgzip后约100kB),Mobilefirst的前端框架官网地址:http://amazeui.org/Github:https://github.com/zordius/li...8.vantUIvantUI是有赞前端团队基于有赞统一规范实现的Vue组件库,提供了一套完整的UI基础组件和业务组件。通过Vant可以快速构建风格统一的页面,提高开发效率。官网地址:https://youzan.github.io/vant...Github:https://github.com/youzan/vant9。FlutterFlutter是Google的移动UI框架,可以在极短的时间内构建Android和iOS上的高质量原生应用。Flutter使用现有代码,全世界的开发人员和组织都在使用它,而且Flutter是免费和开源的。官网:http://doc.flutter-dev.cnGithub:https://github.com/flutter/fl...十.ionicIonic既是一个CSS框架又是一个JavascriptUI库。Ionic是目前最有前途的HTML5移动应用开发框架。通过SASS构建应用程序,它提供了许多UI组件来帮助开发人员开发功能强大的应用程序。它使用JavaScriptMVVM框架和AngularJS来增强应用程序。提供数据的双向绑定,使用它已经成为web和移动开发者的共同选择。官网:http://www.ionic.wang/js_doc-...如需相关前端学习资料,私信回复:“前端资料”,即可获取相关学习资料。原作者:蜜缘沐雨原文链接https://www.jianshu.com/p/965...