素材巴巴 > 程序开发 >

11个有关vue的UI框架

程序开发 2023-09-20 23:58:26

Element UI
在这里插入图片描述
Element UI 来自中国,由与 Mint UI 相同的开发者所创建。Element UI 是用于 Web 和桌面应用程序的桌面 UI 工具包,如果你需要开发 Electron 应用,这个库会是你的理想之选。


iView
在这里插入图片描述
iView 是一个 UI 工具包,其中包含简洁又设计优雅的小部件和各种组件。iView 团队维护非常及时,最近一次的更新在19年3月18日,这次更新带来了一个Vue CLI 3的 iView 插件,你可以使用该插件快速构建基于 iView 的项目。


Vuetify
在这里插入图片描述
Vuetify 是基于 Material Design 的可重用和语义化的组件库,支持所有现在流行的浏览器并与 Vue CLI 3 兼容。Vuetify 拥有一个庞大的社区,碰到任何问题你都可以在他们的 Discord 频道上寻求帮助。


Mint UI
在这里插入图片描述
Mint UI 是一个具有 CSS 和 JS 组件的移动 UI 库,尽管是一个中文项目,但它的英文文档翻译得很漂亮,内容也很全面。这是一个非常轻量级的库,gzip 占用空间不到40kb。


VuePress
在这里插入图片描述
VuePress 是一款由 Vue 驱动的,极简主义的静态网页生成器,但你也可以在页面或文章中添加动态的 Vue 组件。每个所生成的页面是预先渲染的,拥有静态 HTML,随后 Vue 接管静态内容并将其转换为一个单页应用程序。


Quasar
在这里插入图片描述
Quasar 是最著名的 Vue 库之一,它是一个 Vue 框架,用于构建响应式网站,混合移动应用,Electron 应用等。Quasar 支持 Google 的 Material Design 设计语言和 iOS 的原生主题。


BootstrapVue
在这里插入图片描述
从名字就能看出来它与 Bootstrap 的关系,BootstrapVue 将 Vue 和最流行的 CSS 库相结合,它是 Bootstrap 4 组件的实现,也是 Vue 的一个具有 WAI-ARIA 无障碍网页访问技术的网格系统。


vue Material
在这里插入图片描述
Vue Material 是一个用 Google Material Design 构建的轻量级库。它的生态系统拥有一个先进的 webpack 单页应用程序,一个带有 Nuxt.js 并用于 SSR 的通用应用程序以及一个用于极简化设置的 HTML 文件,所有这些内容都可以在网站上被找到。


Vuesax
在这里插入图片描述
Vuesax 的理念是希望通过改进设计来简化构建应用程序的过程,但同时又不影响 Vue 用户的使用习惯。Vuesax 拥有自己的 Discord 频道,拥有大约3,000名成员。


AT UI
在这里插入图片描述
如果你不想用 Bootstrap 或者 Material Design,AT UI 会是一个不错的选择。AT UI 是一个扁平化的 UI 工具包,被用于开发 web 和桌面应用。它拥有一个 NPM + Webpack + Babel 的前端开发工作流,并具有独立的 CSS 样式。


VuiKit
在这里插入图片描述
VuiKit 是一个基于 UIKit 3 框架的 Web 界面响应式 UI 套件。这是一个由 Yarn Workspaces 管理的单一存储库,它支持所有现代浏览器的最新版本。

 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。