【前端】2023年最流行的10款前端UI框架排名
1、Element Plus ： 由饿了么团队开发，是目前流行度很广的一款前端UI框架，非常优秀！基于全新的Vue3（当然也有Vue2版本），提供了丰富的UI组件和样式，性能和开发体验都非常棒，可以帮助开发者快速构建现代化的UI界面，非常适合初学者学习和使用。
https://element-plus.gitee.io/zh-CN/
php中文网即将开班的第24期PHP线上班《Vue3+ThinkPHP6 前后端分离的大型电商项目》，选择的就是 Element Plus 前端UI框架。
2、Ant Design：由阿里巴巴蚂蚁金服前端团队开发的一款基于React的组件库，提供了丰富的UI组件和样式，支持定制化和国际化，适用于企业级应用的开发。
官方地址：
https://github.com/ant-design/ant-design
3、Ant Design Vue：是一个基于Vue.js的UI组件库，是Ant Design的Vue版本，也是一个非常优秀的前端UI框架，适合Vue.js开发者使用，可以满足各种不同的UI设计需求。
php中文网第18期线上班实战项目用的就是 Ant Design Vue，学员们反馈还不错！
https://github.com/vueComponent/ant-design-vue
4、Navie UI：前端框架Vue.js作者尤雨溪推荐的一款UI框架，组件设计比较精美，组件库比较丰富，主题可调，基于全新的Vue3，没有Vue2版本，TypeScript可用。完全免费，更新维护的效率非常高。个人感觉：UI设计丰富且流行，还有点炫酷。
https://www.naiveui.com/zh-CN/os-theme
https://github.com/tusen-ai/naive-ui
5、View UI Plus：基于最新的Vue3，TypeScript可用。组件丰富，设计简洁、精美，它比较适合数据型、表格型众多的系统，像企业ERP系统，另一个就是它在移动端展示的效果也比较理想，平时我们做响应式布局，PC端和移动端共用一套代码的时候，它是个不错的选择。
官方网地址：
https://github.com/view-design/ViewUIPlus
6、Vant：由有赞团队开发的一款基于Vue.js框架的轻量级移动端UI框架，提供了轻量级的UI组件和样式，适用于快速构建移动端Web应用。
https://vant-contrib.gitee.io/vant/#/zh-CN
https://github.com/youzan/vant
7、LayUI：这是一款非常有情怀的UI框架，前端大神贤心倾情开发。UI设计简洁精美，风格简约轻盈，个人感觉是看起来最舒服的UI组件库，很多网站在用，包括php中文网。
8、layui-vue：如果你喜欢Layui的UI设计，又在用Vue3，可以尝试一下第三方开发的：layui-vue，仿Layui设计，支持Vue3。
http://www.layui-vue.com/zh-CN/index
9、Bootstrap：由Twitter团队开发的一款基于HTML、CSS和JavaScript的前端框架，提供了响应式布局和丰富的UI组件。
10、WeUI：由腾讯团队开发的一款基于微信设计语言的UI框架，提供了简洁美观的UI组件和样式。
猜你喜欢
- 【前端】常用CMS网站框架介绍
- 内容管理系统(Content Management System)简称为CMS，CMS系统是网站建设走向成功的重要组成部分。目前网络上的内容管理系统比较繁杂，想要找一个优秀而又非常适合的管理系统也是一件很不容易的事情。国内和国外的CMS程序都比较多，如国外的WordPress在站长圈名气很大。这里，尹华峰SEO技术博客主要介绍十款国内常见的优秀内容管理系统，很多还是开源程序，方便各位站长二次开发满足不同的需求。一、织梦CMS织梦CMS就是dedecms，很多站长称呼它为得得cms，是目前国内安装
- 【前端】快速了解 ES6 新增字符串方法，开箱即用（含案例）
- 文章目录📋前言🎯includes() 方法🎯startsWith() 方法🎯endsWith() 方法🎯repeat() 方法🎯padStart() 方法🎯padEnd() 方法🎯trim() 方法🎯trimStart() 或 trimLeft() 方法🎯trimEnd() 或 trimRight() 方法🎯replaceAll() 方法🎯slice() 方法🎯substring() 方法🎯split() 方法🎯charAt() 方法🎯charCodeAt() 方
- 【前端】vite+vue3+ts 项目安装 Ant Design of Vue方法
- 安装 Ant Design of Vue 和@ant-design/icons-vue图标库npm add ant-design-vue @ant-design/icons-vue安装插件 unplugin-vue-components 配合vite可以自动帮我们引入组件npm add unplugin-vue-components -D配置 vite.config.tsimport {&nbs
- 【HTML】必应地图BingMaps的使用
- 又换新地图了，之前换了箩筐地图，效果不能满足实际需要，这次换成了必应地图BingMaps，同样实现设置考勤区域的功能，效果还是挺不错的。相关阅读【HTML】html使用高德地图设置考勤范围 【HTML】箩筐地图的使用，设置考勤范围一、 获取应用KEY还是老样子，先注册账号，然后获取key。注册参考官方说明https://www.bingmap.cn/guide/db765008-dafe-11e8-a995-d46d6d978bfa?module=doc，这里不再过多说明。
- 【前端】html Antv L7 + mapbox 实现3D地图 3D中国地图 不限于中国地图
- echarts的3D地图实在太丑了，还一堆bug使用阿里的Antv可视化库L7，实现3D地图，底图是mapbox 参考示例：https://l7.antv.antgroup.com/zh/examples/polygon/3d#floatMap如果不需要底图样式，可把Scene的style设置为blank 直接上代码了，vue的就不说了，项目是html的mapbox依赖<script src='https://api.mapbox.com/mapbox-gl-js/v2.
- 【前端】JavaScript判断数组对象是否含有某个值的方法（6种）
- 【JavaScript基础语法】web前端判断数组对象是否含有某个值的方法（6种）知识回调场景复现实现方式（6种）利用循环遍历数组元素利用some，filter方法利用array.indexOf方法利用array.includes方法利用array.find方法利用set中has方法本期小结知识回调文章内容文章链接vue3 antd table表格的增删改查（一）input输入框根据关键字搜索【后台管理系统纯前端filter过滤】https://blog.csdn.net/XSL_HR/arti
- 【HTML】 html 初始化执行方法
- HTML的初始化执行方法有多种。以下是其中几种常见的方式： 1. JavaScript的DOMContentLoaded事件：当页面加载完成并且所有元素都已经被创建时，会触发该事件。可以通过在JavaScript文件或者内联script标签中编写相应的函数来处理这个事件。示例如下：document.addEventListener("DOMContentLoaded", function() { // 在此处添加需要执行的代
- 【前端】PHP开发者的Vue与React入门指南
- PHP是一种常用的服务器端脚本语言，用于开发动态网页和网站。许多PHP开发者经常需要学习前端框架来提升他们的技能，并且Vue.js和React.js是两个当前非常热门的前端框架。本文将为PHP开发者提供一份Vue.js和React.js的入门指南，带有具体的代码示例，帮助他们快速了解这两个框架的基本概念和用法。1. Vue.js入门指南Vue.js是一款轻量级的JavaScript框架，用于构建交互式的用户界面。下面是一个简单的Vue.js示例，展示了如何创建一个基本的Vue组件并进行数据绑定: