热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue.jsui组件库_您的应用程序的21个顶级Vue.jsUI库

vue.jsui组件库基于2019年最佳VueUI组件库和框架列表的第1部分和第2部分的完整主列表。随着星球大战的肆虐,Vue.js最近在GitHub明星数量上超过了

vue.js ui组件库

基于2019年最佳Vue UI组件库和框架列表的第1部分和第2 部分的完整主列表。

随着星球大战的肆虐,Vue.js最近在GitHub明星数量上超过了React 。 尽管根据NPM的统计,下载数量仍然落后于React,但Vue.js的受欢迎程度似乎正在增长。

与React一样,Vue的最佳功能之一就是能够使用隔离的模块化组件来编写UI。 为了帮助您更快地构建下一个应用程序,以下是2019年一些最好的UI组件库。

提示 :使用Bit的组件平台,您可以将任何组件转换为可以在其他项目中使用的API,甚至可以将NPM与0重构一起安装。 您还可以与团队合作并共享收藏集。

位-使用代码组件共享和构建
Bit可帮助您在项目和应用程序之间共享,发现和使用代码组件以构建新功能,以及... bitrc.io

1.验证

这个11K星的热门库提供了超过80个Vue.js组件,这些组件是根据Google的材料设计指南实现的。 Vuetify支持跨平台的所有现代浏览器,包括IE11和Safari 9+(使用polyfills),并提供8个开箱即用的vue-cli模板。

vuetifyjs / vuetify
vuetify-Vue.js的材料组件框架2 github.com

2.类星体框架

Quasar是一个流行的框架,用于构建由Vue.js驱动的响应式网站,PWA,混合移动应用程序和Electron应用程序,已超过6K星。 Quasar还支持HTML / CSS / JS最小化,缓存清除,树抖动,源映射,代码拆分和延迟加载,ES6转码,掉毛和可访问性等功能。

拟框架
类星体 -Quasar Framework github.com

3.元素

Element是一个用于Web的Vue.js 2.0 UI工具包,将近28000星。 该库拥有强大的社区和350位贡献者,提供了丰富的可定制组件选择以及完整的样式指南和更多资源。

ElemeFE /元素
元素—用于Web github.com的Vue.js 2.0 UI工具包

4. Vue材料

vue-material是6K星,是一个简单的库,用于实现Google的材料设计。 该库还提供了一个webpack样板,用于Nuxt.js的SSR模板以及一个从框架开始HTML文件。 以下是一些CodeSandBox示例 ,可帮助您入门。

vuematerial / vue-material
vue-material-Vue.js github.com的材料设计

5.基恩

keen-ui拥有近3.5K星,是受材料设计启发的Vue组件集合。 Keen UI不是CSS框架。 因此,它不包括网格系统,字体样式等。相反,重点是需要Javascript的交互式组件。

约瑟夫斯·派伊/热爱UI
Keen- UI- 用Vue编写并受Material Design github.com 启发的基本UI组件的轻量级集合

6.布菲

该库以3k星的价格提供基于Bulma的 Vue.js的轻量级UI组件,这是该库仅有的两个内部依赖项。 该库的大小约为60KB min + gzip(包括Bulma)。 您可以访问实时文档站点并在Codepen上使用代码。

布菲
buefy-基于Bulma github.com的Vue.js 轻量级UI组件

7. Bootstrap Vue

bootstrap-vue提供了超过5K的星星,它为Vue.js提供了Bootstrap 4组件和网格系统的实现,并具有自动WAI-ARIA可访问性标记。 这是用于浏览文档中组件的快速链接。

bootstrap-vue / bootstrap-vue
bootstrap-vue-BootstrapVue提供了Bootstrap 4组件和网格的最全面的实现之一…… github.com

8. Muse-UI

Muse超过6K星,是Vue 2.0的另一个MD库,提供了40多个UI组件和可自定义的主题。 这些文档主要是中文的,但大多数都是自我解释。 该项目是积极开发和维护的。

缪斯
muse-ui — Vuejs 2.0的Material Design UI库 github.com

9. AT-UI

AT-UI接近1.5千颗星,提供了一个模块化的前端UI框架,用于开发基于Vue.js的快速Web界面,适用于桌面应用程序。 借助NPM + Webpack + Babel前端开发工作流程和独立CSS样式,该库值得一试。

AT-UI / at-ui
at-ui-Vue.js 2.0 github.com 用♥制作的,专门用于桌面应用程序的新鲜且扁平的UI-Kit

10. Vux

Vux是一个基于WeUI和Vue 2.0的流行社区库,拥有超过1.3万颗星。 该库还支持webpack + vue-loader + vux工作流程。 这里的文档也是中文,实时社区中心也是如此。

艾里兰
vux-基于Vue和WeUI github.com的移动UI组件

11. iView

iView拥有将近1.6万颗星,它提供了数十种使用Vue.js构建并具有干净典雅设计风格的UI组件和小部件。 iView被广泛采用并得到了积极维护 ,并带有自己的CLI工具 ,以可视方式帮助创建项目。 这个值得一试。

iview / iview
iview-基于Vue.js 2.0 github.com 构建的高质量UI工具包

12. Uiv

Uiv是“仅” 550星,是Vue 2的Bootstrap 3组件库。所有组件的总大小约为20KB,唯一的外部依赖项是Vue和Bootstrap CSS。 支持基于Webpack的工作流程。

wxsms / uiv
uiv-由Vue 2实现的Bootstrap 3组件 。github.com

13. Vuikit

vuikit达到1K星,它是用于Web站点界面的响应式Vue UI库,具有简洁一致的设计。 当图标和主题作为单独的包发布时,该库将作为由Yarn工作区管理的“ monorepo”进行构建。

威基/威基
vuikit-用于网站界面的响应式Vue UI库 github.com

14.温泉UI + Vue

这些Vue绑定基于流行的Onsen-UI框架,提供了一些组件,这些组件包装了核心Web组件并公开了类似Vue的API。 Onsen UI组件还旨在对道具做出React。

Vue.js 2+-温泉UI
了解如何将Vue.js与Onsen UI结合使用。 温泉

15.语义Ui + Vue

这个项目基本上是流行的Semantic-UI框架的Vue.js集成。 该库仍在开发中,它提供类似于Semantic-UI的API以及一组可定制的主题。 参见示例 。

语义UI Vue
语义UI Vue是语义UI语义-ui-vue.github.io的Vue集成。

16. Fish-UI

虽然fish-ui仅在500个星星和3个贡献者的情况下提供,但它提供了一个基于Vue的Web工具箱,其中包含简洁整洁的组件。 该库支持ES2015 + Webpack工作流。 文档不是很好,但是设计不容忽视。 不客气。

myliang / fish-ui
fish-ui-用于Web github.com的Vue.js 2.0 UI工具包

17. Mint UI

Mint-UI提供了超过11K的星星,提供了Vue.js的UI元素,以及用于构建移动应用程序CSS和JS组件。 全部导入后,压缩代码仅占用〜30kb(JS + CSS)gzip空间。 支持导入单个组件。 这是一个快速演示 。

ElemeFE / mint-ui
mint-ui-Vue.js github.com的移动UI元素

18. Framework 7 Vue

这种集成提供了Framework7 Router的几乎所有Framework7的元素和组件的集成,从而以Vue可完成的方式呈现页面。 该库正在积极开发和维护中。

Framework7 Vue
通过Vue.js framework7.io的强大功能和简单性,将组件语法,结构化数据和数据绑定带到Framework7

19.多维数据集UI

cube-ui是Vue.js移动应用程序的UI组件库,已超过3K星。 所有组件都经过了单元测试,并且该库还支持后编译和按需导入组件。 Cube-UI仍在积极开发中。

Didi /多维数据集-ui
cube-ui-:large_orange_diamond:由Vue github.com 提供的出色的移动ui lib实现

20.韦布卢

vueblu是1.5K星,是一个基于Vue 2.0和Bulma的UI组件库,用于构建中端和后端办公产品。 它支持ES2015和NPM + Webpack + Babel工作流程,并提供可自定义的主题。

chenz24 / vue-blu
vue-blu-基于Vue.js(2.x)和Bulma github.com的UI组件库

21.蚂蚁设计Vue

Vue.js与Ant设计的集成为1.5K星,用于开发具有数十个实现Ant设计的组件的企业级后端产品,并支持支持ES6的基于Webpack的调试构建解决方案。 请注意,它已经有一段时间没有开发了。

奥古拉
vue-antd-Vue UI组件和Ant.Design github.com

荣誉奖⭐️

n3-components , vuikit , Kendu UI Vue , Office Fabric-Vue , vuestrap , vueboot , framevuerk , Vue WeUI , Vue-MDC …添加更多评论! :)

学到更多

如何在React中编写更好的代码
9在React中编写更好的代码的有用技巧:了解Linting,propTypes,PureComponent等。 blog.bitsrc.io
5个用于加快React开发速度的工具
5个用于加快React应用程序开发速度的工具,重点关注组件。 blog.bitsrc.io
2018年您应该了解的11个Javascript实用程序库
11个有用的Javascript实用程序库,可加快您的开发速度。 blog.bitsrc.io

翻译自: https://hackernoon.com/21-top-vue-js-ui-libraries-for-your-app-4556e5a9060e

vue.js ui组件库



推荐阅读
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • 在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ... [详细]
  • 自己用过的一些比较有用的css3新属性【HTML】
    web前端|html教程自己用过的一些比较用的css3新属性web前端-html教程css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开 ... [详细]
  • 前端开发:从底层到顶端的行业现象解析
    在编程领域,鄙视链现象屡见不鲜,从C语言到Java、.NET等,每个技术栈都有其独特地位。然而,前端开发者尽管常处于鄙视链底端,却在市场需求中备受青睐。本文深入探讨这一现象,并分析前端工程师如何在竞争激烈的市场中脱颖而出。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 动画队列的设计目的是为了确保一系列任务能够按照预定顺序执行,每个任务只有在其前一个任务完成后才开始。这些任务既可以是同步的,也可以是异步的。本文将探讨jQuery动画系统中的队列机制,并介绍如何使用队列来优化动画效果。 ... [详细]
  • TCP长连接设备管理平台:架构与功能概览
    本文介绍了基于TCP长连接的设备管理平台的设计理念、技术选型及主要功能模块。最初,项目旨在实现简单的协议测试,但随着需求扩展,逐步演变为一个完整的前后端分离系统。 ... [详细]
  • 本文总结了优化代码可读性的核心原则与技巧,通过合理的变量命名、函数和对象的结构化组织,以及遵循一致性等方法,帮助开发者编写更易读、维护性更高的代码。 ... [详细]
  • 本文详细介绍了如何在Kendo UI for jQuery的数据管理组件中,将行标题字段呈现为锚点(即可点击链接),帮助开发人员更高效地实现这一功能。通过具体的代码示例和解释,即使是新手也能轻松掌握。 ... [详细]
  • 使用JS、HTML5和C3创建自定义弹出窗口
    本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例,详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
  • 本文详细介绍了如何利用Go语言和WebSockets技术构建一个高效的实时聊天系统。随着网络应用的日益复杂化,实时交互成为了提升用户体验的关键要素之一。通过本指南,开发者可以学习到最新的技术和最佳实践。 ... [详细]
  • 在进行微信小程序开发过程中,遇到了需要实现类似微信朋友圈那样的长文本折叠功能的需求。本文将详细探讨其实现方法及注意事项。 ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • 在跨浏览器开发中,一个常见的问题是关于如何在鼠标悬停时显示图片提示信息。本文深入探讨了 IE 浏览器对 IMG 元素 alt 属性的特殊处理,并提供了最佳实践建议。 ... [详细]
author-avatar
灰灰t2502911555
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有