分享丨几款前端常用的UI框架，建议收藏

在前端项目开发过程中，总是会引入一些UI框架，已方便自己使用，很多前端都会有自己熟悉且惯用的一套UI框架，下面捷点小编就来给大家盘点介绍下经常使用并且很流行的UI框架。

01

Mint UI

· Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

·真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

·考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。

·依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

02

iView UI

超过 80 个常用底层组件

· 细致、漂亮的 UI

· 友好的 API ，自由灵活的使用空间

· 事无巨细的文档

· 提供多套开箱即用的免费工程

企业级的多租户权限管理开发平台

· 前端采用 Admin Plus 和 iCRUD

· 后端采用 Spring Boot，Spring Cloud & Alibaba，Spring Security、Redis & JWT

· 支持多租户

· 权限认证使用 JWT 和 Redis，支持多终端认证系统

· 支持加载动态权限菜单，多方式轻松权限控制，权限细化至按钮级别

· 提供单体版和微服务版双版本

企业级通用型中后台前端解决方案

· 丰富的布局模式可选择，布局和功能具有高可配性

· 强大的鉴权系统，满足不同的业务鉴权需求

· 全响应式支持，所有页面及功能点适配 PC 端、移动端、平板电脑

· 漂亮的 UI、极致的用户体验和细节处理

· 社交布局、地图布局、工作桌面布局可供选择

· JavaScript 和 TypeScript 双版本

面向配置开发，支持 View UI Plus Table 全功能

· View UI Plus 的 Form 组件全面覆盖（17+）

· 支持 vxe-table，及大数据量渲染、大数据量树形数据等

· 支持本地和远程的数据字典，且自动缓存

· 支持异步跨页数据多选、批量删除数据

· 支持导出表格数据，支持打印表格

· 支持调整列顺序、列显/隐等功能

03

layui

是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

04

Element UI

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

1、一致性 Consistency

与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；

在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。