基于Vue的前端开源UI框架&项目整理

二、Web端

1、 View UI

View UI，即原先的 iView，是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。

网站：

• 丰富的组件和功能，满足绝大部分网站场景
• 提供开箱即用的 Admin 系统 和 高阶组件库，极大程度节省开发成本
• 提供专业、优质的一对一技术支持
• 友好的 API ，自由灵活地使用空间
• 细致、漂亮的 UI
• 事无巨细的文档
• 可自定义主题

相关截图：

2、 ElementPlus

Element Plus 使用 TypeScript 与 Vue 3.开发，提供完整的类型定义文件，主要用于。并使用 Composition API 降低耦合，简化逻辑。

element-plus特点：

• 由于 Vue 3 不再兼容 IE，所以 Element Plus 也提高了最低兼容的版本。
• Element Plus 同时支持 ESM、CJS 与 UMD 格式。一般情况下无需留意导入的格式，构建工具会自动匹配并转换成目标格式，同时无需额外配置，自身支持按需加载能力。

网站： https://element-plus.org/zh-CN/

相关截图：

相关生态：

3、 layui

采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。

网站： https://layui.org.cn/

相关截图：

4、 Flatkit

基于世界上最流行的css框架Bootstrap 4和流行的js框架AngularJS, Flatkit提供了构建下一个web项目的简单方法。

• 基于Bootstrap 4和AngularJS的Demo

相关截图：

三、移动端

1、 vant UI

Vant 是有赞前端团队开源的移动端组件库，于 2016 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。目前 Vant 官方提供了 Vue 版本和微信小程序版本，并由社区团队维护 React 版本。

• 网站： https://youzan.github.io/vant/#/zh-CN/
• 60+ 高质量组件，覆盖移动端各类场景
• 90%+ 单元测试覆盖率，提供稳定性保障
• 完善的中英文文档和示例
• 支持按需引入
• 支持主题定制
• 支持国际化
• 支持 TypeScript
• 支持 SSR

相关截图：

2、 Mint UI

Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。

• 移动端UI框架
• 演示： http://elemefe.github.io/mint-ui/#/

相关截图：

3、 vux

一个凑合的 Vue.js 移动端 UI 组件库，是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。

• 移动端UI框架，主要服务微信页面
• 网站： https://vux.li/#/?id=%E7%AE%80%E4%BB%8B
• 演示： https://vux.li/demos/v2/?x-page=v2-doc-home#/

相关截图：

4、 uni-app

是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

• 网站： https://uniapp.dcloud.io/

相关截图：

5、 WeUI

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

• 网站： https://weui.io/

相关截图：

6、 iView Weapp

一套高质量的微信小程序 UI 组件库

• 网站： http://inmap.talkingdata.com/wx/index_prod.html#/

相关截图：

四、应用模板（模板商城，提供付费或免费的集成模板）

1、 mdbootstrap

这是世界上最流行的框架，用于创建响应性强、以移动为第一的网站和应用程序

相关截图：

2、 flatlogic

使用React、Vue、Angular、React Native和Bootstrap构建的精美的web和移动应用模板，可以加速web开发。

相关截图：

3、 creative tim

模板和仪表板建立在Bootstrap, Vuujs, React, Angular, Node.js和Laravel之上。

相关截图：

4、 primevue

VUE旗舰版UI组件。

相关截图：