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重构一起安装。 您还可以与团队合作并共享收藏集。

1.验证

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

2.类星体框架

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

3.元素

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

4. Vue材料

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

5.基恩

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

6.布菲

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

7. Bootstrap Vue

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

8. Muse-UI

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

9. AT-UI

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

10. Vux

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

11. iView

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

12. Uiv

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

13. Vuikit

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

14.温泉UI + Vue

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

15.语义Ui + Vue

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

16. Fish-UI

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

17. Mint UI

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

18. Framework 7 Vue

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

19.多维数据集UI

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

20.韦布卢

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

21.蚂蚁设计Vue

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

荣誉奖⭐️

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

学到更多

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

vue.js ui组件库