vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库

vue.js ui组件库

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

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第1张图片

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

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

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

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

1.验证

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第2张图片

这个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转码,掉毛和可访问性等功能。

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第3张图片
拟框架
类星体 -Quasar Framework github.com

3.元素

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第4张图片

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

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

4. Vue材料

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第5张图片

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

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

5.基恩

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第6张图片

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

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

6.布菲

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第7张图片

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

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

7. Bootstrap Vue

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第8张图片

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

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

8. Muse-UI

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第9张图片

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

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

9. AT-UI

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第10张图片

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

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第11张图片

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

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

11. iView

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第12张图片

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

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

12. Uiv

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第13张图片

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

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

13. Vuikit

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第14张图片

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

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

14.温泉UI + Vue

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第15张图片

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

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

15.语义Ui + Vue

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第16张图片

这个项目基本上是流行的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

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第17张图片

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

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第18张图片

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

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

19.多维数据集UI

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第19张图片

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

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

20.韦布卢

vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库_第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 ui组件库_您的应用程序的21个顶级Vue.js UI库_第21张图片

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组件库

你可能感兴趣的:(vue.js ui组件库_您的应用程序的21个顶级Vue.js UI库)