基于vue的UI框架集锦

最新推荐文章于 2024-04-03 09:54:02 发布

???111

最新推荐文章于 2024-04-03 09:54:02 发布

阅读量676

点赞数

CC 4.0 BY-SA版权

文章标签： ui 前端前端框架 ViewUI

原文链接：http://www.cnblogs.com/tkzc2013/p/8127294.html

前端框架百花齐放、争奇斗艳，令人眼花缭乱。大神们一言不合就整一个框架出来，另小白们无所适从。下面罗列了一些比较优秀的UI框架，Star多的大都是老牌劲旅，Star少的许多是后起之秀。

适用PC端

1、elementUI

支持vue2.x，饿了么前端团队打造

2、iView

支持vue2.x

3、Vue Antd

支持vue1.x，据说不再有人维护

4、N3

支持vue2.x

5、AliTelecom UI

支持vue2.x，阿里通信技术团队打造

6、Vue-Blu

基于Vuejs和Bulma开发

7、Vue-Beauty

基于 vue.js 和 ant-design样式的PC端UI组件库

8、Vuetify

一个material design vue 组件库

9、vue-material

同 Material 风格的组件库

10、Keen-UI

又一个 Material 风格的组件库

11、Vue Admin

基于Vue 2.0 和 Bulma 0.2 开发的后台界面框架

适用移动端

1、Muse-UI

基于Material Design开发，支持vue2.0

2、Mint UI

支持vue2.0，饿了么前端团队打造

3、VUX

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

4、VUWE

基于微信WeUI所开发的，专用于Vue2的组件库

5、WEEX

阿里推出的跨平台的移动端开发框架,可以构建高性能、可扩展的 native 应用

6、VueStrap

基于 Vue.js 的 Bootstrap 组件，不需要 jQuery 和 Bootstrap 的 JS 文件

7、vonic

基于 vue.js 和 ionic 样式的UI框架，用于快速构建移动端单页应用

8、vue-carbon

基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库

9、VUM

vue-mobile是用于SPA的Vue.js的UI框架

原文链接：http://www.mingtern.com/vue/vue-ui-frame.html，更多vue.js教程可访问 http://www.mingtern.com/vue/vue-tutorial.html

转载于:https://www.cnblogs.com/tkzc2013/p/8127294.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

???111

关注关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

基于vue的ui框架

04-28

基于vue的ui框架。可适用于app,微信端，具有网页常见的布局和js兄啊过

基于 Vue3.0 框架的模拟Windows 桌面效果，后台管理UI

11-05

在"基于Vue3.0框架的模拟Windows桌面效果，后台管理UI"项目中，开发者利用Vue3.0的特性来创建一个类似Windows操作系统桌面的交互体验，用于后台管理界面。这个项目展示了Vue3.0在构建复杂、可定制化用户界面时的强大...

参与评论您还未登录，请先登录后发表或查看评论

vue UI框架

weixin_34248487的博客

03-07

200

1）vue 只是一个js库，不算框架，他不限制你使用使用UI框架，理论上你可以使用任意 UI 框架 2）一些 vue UI框架 vux：https://vux.li/#/ mint：http://mint-ui.github.io/#!/zh-cn vue-carbon：https://myronliu347.github.io/vue-carbon/#!/ vue-mobile：https:...

基于vue的UI框架

haoxinqing222的博客

09-06

887

1、饿了么 vue 2.0后台UI框架 https://github.com/ElemeFE/element 2、iview组件库 iView 主要服务于 PC 界面的中后台业务，很优秀的组件库，可惜不适合移动端 https://github.com/iview/iview https://iviewui.com/ 3、vux 基于Vue和WeUI的...

vue的UI

simple_tifa

04-02

470

前端框架百花齐放、争奇斗艳，令人眼花缭乱。大神们一言不合就整一个框架出来，另小白们无所适从。下面罗列了一些比较优秀的UI框架，Star多的大都是老牌劲旅，Star少的许多是后起之秀。（1）Element 饿了么 vue 2.0后台UI框架 (Star:18382) https://github.com/ElemeFE/element （2）iview组件库 (Star:1018...

基于vue的UI框架集锦(移动端+pc端)

热门推荐

赵乘风_i

04-26

7万+

1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k中文文档在线预览2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。中文文档在线预...

基于Vue框架的Lemon-IMUI聊天组件设计源码

09-28

基于Vue框架的Lemon-IMUI聊天组件设计源码是专为Vue开发环境设计的前端聊天界面组件。该组件利用Vue框架的强大功能，结合JavaScript、HTML以及CSS技术，提供了创建具有现代界面的聊天应用的能力。项目内包含多种文件...

基于 Vite Vue3.0 框架的 dogstar-ui 前端UI库设计源码

09-25

该项目——dogstar-ui，是一个开源的 UI 组件库，主要面向使用 Vue 3.0 和 Vite 框架的前端开发者。源码包括了 114 个文件，涉及各种类型资源，如图片、组件、脚本和样式等。其中，图片资源共计 56 个，包括 47 个 ...

uivue前端UI框架基于vue2开发

08-12

**UIVue前端UI框架基于Vue2开发** UIVue是一个专为Vue2构建的前端用户界面框架，旨在提供一套完整、高效且易于使用的组件库，帮助开发者快速构建现代化的Web应用程序。这个框架充分利用了Vue2的强大功能，如虚拟DOM...

Vue的UI框架

qq_41437844的博客

08-25

373

什么是Vue的UI框架？

IT徐师兄

06-11

1799

Vue.js 的 UI 框架可以帮助我们快速构建漂亮、易用的用户界面。在本文中，我们介绍了两个流行的 Vue.js UI 框架：ElementUI 和 Ant Design Vue。ElementUI 和 Ant Design Vue 都提供了一系列的常用 UI 组件，可以帮助我们快速构建复杂的应用程序。安装和使用这些框架非常简单，只需要几行代码就可以完成。如果你正在使用 Vue.js 来构建应用程序，那么这些 UI 框架绝对值得一试。

支持Vue的UI框架

weixin_44257023的博客

12-07

335

Element 官网文档地址:http://element-cn.eleme.io/#/zh-CN Vuetifyjs 文档地址:https://vuetifyjs.com/zh-Hans/ iView 文档地址:https://www.iviewui.com/ 我知道的有限,有大佬还知道哪些请评论

Vue PC端框架

栀夏暖阳的博客

03-13

1596

1. Element Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址 Element 2. iView 一套基于 Vue.js 的高质量UI 组件库中文文档 | github地址 iView 3. vue-element-admin vue-element-admin是基于 Vue2.0，配合...

Vue相关UI框架整理

weixin_34038293的博客

08-04

104

2019独角兽企业重金招聘Python工程师标准>>> ...

VUE主流UI框架

大道至简

11-06

1716

以下主要介绍三个框架，分别是Element-UI，Bootstrap-Vue，Vuetify。 Element-UI https://element.eleme.io/ https://github.com/ElemeFE/element 国内人用的较多。但是，近两年迭代频率越来越低了，有图为证。 Bootstrap-Vue https://bootstrap-vue.org/ https://github.com/bootstrap-vue/bootstrap-vue Bootstrap有些后知后觉，

Vue主流UI框架

weixin_46266464的博客

04-03

2414

Vue UI框架是一系列专为Vue.js应用程序设计的用户界面（UI）组件库，这些组件库提供了预封装的、可复用的UI元素，如按钮、表格、输入框、导航菜单、提示框、卡片、布局容器等，帮助开发者快速构建美观且功能完善的前端界面。综上所述，Vue生态中有众多成熟的UI框架可供选择，每种框架都有其特点和适用场景，开发者应根据实际项目需求挑选最适合的框架来加速开发进程，提高代码质量与应用体验。项目需求：根据项目的具体功能、设计风格、目标平台（Web、移动端、桌面应用等）选择最适合的框架。

Vue.js UI框架 - element

AndyLizh的专栏

03-01

623

Vue.js UI框架 - element 文档：http://element.eleme.io/#/zh-CN/component/installation 安装： npm i element-ui -D 配置： http://element.eleme.io/#/zh-CN/component/quickstart 引入： import ElementUI

vue、elementUI框架

qq_56047419的博客

06-21

1588

vue、elementUI·框架

vue 使用vant UI框架

weixin_45173576的博客

04-22

513

vant组件的引入方式 vue2.0引入 1.全局导入所有组件注意：配置 babel-plugin-import 插件后，将不允许以这种方式导入组件在main.js里面写入 import Vue from 'vue'; import 'vant/lib/index.css'; // 引入所有 import Vant from 'vant'; Vue.use(Vant); // 引入单个 import { Button } from 'vant'; Vue.use(Button); 2.局部引入组

vue ui框架

最新发布

05-22

### Vue UI Framework Options Vue 是一个灵活且强大的前端框架，适用于构建用户界面和单页应用程序。以下是几种常见的 Vue UI 框架选项及其特点： #### 1. **Element Plus** - 这是一个基于 Vue 3 的桌面端组件库，提供了丰富的组件集合来快速开发 Web 应用程序。 - 它继承了 Element-UI 的设计理念，并针对 Vue 3 进行优化[^1]。 - 特点：简洁直观的设计风格、响应式布局支持、国际化功能。 ```javascript import { createApp } from 'vue'; import App from './App.vue'; import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; const app = createApp(App); app.use(ElementPlus); app.mount('#app'); ``` --- #### 2. **Taro-UI-Vue3** - Taro-UI-Vue3 是专门为小程序生态设计的 Vue 3 组件库，适合跨平台开发场景。 - 提供了一套统一的 API 接口，方便开发者在多个平台上实现一致的功能体验[^2]。 - 主要应用场景：微信小程序、H5 页面以及其他移动端应用。 ```javascript // main.js 中引入 Taro-UI-Vue3 import TaroUI from 'taro-ui-vue3'; import 'taro-ui-vue3/dist/style/css/index.css'; createApp(App).use(TaroUI).mount('#app'); ``` --- #### 3. **Vuetify** - Vuetify 是一个 Material Design 风格的 Vue UI 框架，专注于提供现代感十足的用户体验。 - 支持 Vue 2 和 Vue 3，拥有庞大的社区资源和支持文档。 - 功能亮点：内置动画效果、主题定制能力强大、无障碍访问特性良好。 ```javascript import { createVuetify } from 'vuetify'; import * as components from 'vuetify/components'; import * as directives from 'vuetify/directives'; export default createVuetify({ components, directives, }); ``` --- #### 4. **Ant Design Vue** - Ant Design Vue 是蚂蚁金服推出的企业级 UI 设计语言和 React 实现版本对应的 Vue 移植版。 - 强调一致性、可用性和可维护性的原则，在企业级项目中有广泛应用价值。 - 提供多种高级交互控件，如表格、图表等复杂数据展示需求的支持。 ```javascript import { createApp } from 'vue'; import App from './App.vue'; import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; const app = createApp(App); app.use(Antd); app.mount('#app'); ``` --- #### 5. **Quasar Framework** - Quasar 是一个多用途的 Vue 框架，允许开发者创建 PWA（渐进式网络应用）、SPA（单页应用）、Electron 桌面应用等多种形式的产品。 - 内置大量实用工具函数和服务插件，简化日常开发流程的同时保持高性能表现。 ```bash # 初始化一个新的 Quasar 项目 quasar create my-app ``` --- #### 6. **Semantic UI Vue** - 如果偏好更接近自然语义化的 HTML 结构，则可以选择 Semantic UI Vue。 - 此外它还具有高度灵活性，可以通过简单修改 CSS 类名轻松调整外观属性[^5]。 ```html <template> <div class="ui container"> <h1 class="ui header">Welcome to My Website</h1> <button class="ui primary button">Click Me!</button> </div> </template> <script> export default {}; </script> ``` --- ### 总结每种 Vue UI 框架都有其独特之处，具体选用哪一种取决于实际业务需求和技术栈倾向。例如如果追求高效易用性则推荐尝试 `Element Plus` 或者 `Ant Design Vue`; 若希望兼顾美观度与功能性的话可以考虑采用 `Vuetify`.