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

vue.js ui组件库

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

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

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

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

1.验证

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

2.类星体框架

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

3.元素

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

4. Vue材料

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

5.基恩

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

6.布菲

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

7. Bootstrap Vue

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

8. Muse-UI

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

9. AT-UI

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

10. Vux

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

11. iView

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

12. Uiv

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

13. Vuikit

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

14.温泉UI &＃43; Vue

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

15.语义Ui &＃43; Vue

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

16. Fish-UI

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

17. Mint UI

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

18. Framework 7 Vue

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

19.多维数据集UI

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

20.韦布卢

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

21.蚂蚁设计Vue

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

荣誉奖⭐️

n3-components &＃xff0c; vuikit &＃xff0c; Kendu UI Vue &＃xff0c; Office Fabric-Vue &＃xff0c; vuestrap &＃xff0c; vueboot &＃xff0c; framevuerk &＃xff0c; Vue WeUI &＃xff0c; Vue-MDC …添加更多评论&＃xff01; :)

学到更多

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

vue.js ui组件库