当前位置: 首页 > 科技观察

几种流行的前端UI框架

时间:2023-03-19 15:06:55 科技观察

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