前端UI框架

在百度搜索UI框架,可以搜索到很多前端框架,整理一下:

1、Amaze UI
Amaze UI v2.5.0 , 2015-11-30 发布,类似于Bootstrap
gitee下载地址

2、Bootstrap框架

Bootstrap3
Bootstrap5
推荐使用Bootstrap5,相比Bootstrap3,Bootstrap5重构核心已经放弃Jquery了
大名鼎鼎的框架,学习前端必须学习的UI框架。

3、H-UI框架

不想重新写繁琐的页面,少写前端页面代码的,推荐使用这个框架

4、Layui框架
经典模块化前端框架,layer弹窗必用。

5、Vant有赞前端框架,分两个版本

6、iView UI框架
一套基于 Vue.js 的高质量UI 组件库,主要服务于 PC 界面的中后台产品
从 2019 年 10 月起正式更名为 View UI

7、ElementUI框架
由饿了么前端开源的UI框架,vue和react开发者最热门的首选,主要服务于 PC 界面的中后台产品

8、WeUI框架
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一

9、Arco Design框架Semi Design框架
Arco Design字节跳动旗下UI 组件库,主要服务于 PC 界面的中后台产品;和ant类似
Semi Design是由抖音前端团队开发设计

10、Ant Design框架,分三个版本(React、Angular、Vue)

  • Ant Design of React(官方)
  • Ant Design of Angular(社区实现)
  • Ant Design of Vue(社区实现)
    蚂蚁金服旗下开源的UI组件库,,主要服务于 PC 界面的中后台产品

11、LinUI框架
Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁,易用的设计规范。
开发小程序推荐这个框架,开发速度快、UI漂亮

12、NaiveUI框架
一个 Vue 3 组件库,Vue作者推荐的UI组件库,不能使用Vue2
全量使用 TypeScript 编写
官方文档提示:注意,naive-ui 仅支持 Vue3。如果你在使用 Vue2,可以去看看别的库。

13、MUI框架
一个地表最强的移动端UI框架,官方文档说是最接近原生App体验的高性能框架。
MUI不依赖任何第三方JS库
MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件

14、 JEUI框架
JEUI 是基于 jQuery 的 UI 一款国产前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,国内很多程序员 javascript 不熟, 大大影响了开发速度. 因此JEUI不需要开发人员去关心 javascript 怎么写, 只要写标准 html 就可以了,门槛极低,拿来即用。

15、 B-JUI框架
B-JUI 前端管理框架适用于快速开发各类 WEB 管理系统,可与任意后端程序(java、php、.net…)配合使用。B-JUI 基于 Bootstrap 样式及 jQuery 库开发,目前有各类常用组件,已集成部分常用插件,可以很的方便引入第三方 jQuery 插件

16、 QUICK UI框架
QUICK UI是基于jquery1.9开发
​ QUICK UI有皮肤包的概念,每一套皮肤包都有独立的主页文件、导航处理和CSS样式等,所有的皮肤包共用组件库资源,来实现QUICK UI风格样式的千变万化
皮肤包使用方式:将皮肤包文件夹放到quickui/system目录下,像访问示例工程主页文件一样访问皮肤包里面的main.html

17、 Mint UI
Mint UI是 饿了么团队开发基于vue .js的移动端UI框架
包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率
​ 依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip

18、 Flutter
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的
Flutter拥有丰富的工具和库,可以帮助您轻松地同时在iOS和Android系统中实现您的想法和创意

19、 axui
AXUI前端框架的特点是:能用css实现的不用js,需要使用js则尽量少用,需要大量使用js则尽量可复用。通过观察本框架的核心文件会发现核心文件只有ax.css和ax.js,加载速度飞快。

20、 Eui
Eui(原Eadmin)保持原生JS开发,开箱即用,无需打包环境,写法与原生HTML几乎一致。为不熟悉mvvm模式的开发人员提供了多一种的选择

还有好多优秀的框架就不统计了,以上框架基本满足了我们日常开发的需求。

    原文作者:js胡
    原文地址: https://blog.csdn.net/hulitong0621/article/details/121589163
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞