最近随着《星球大战》的爆发(指的是GitHub中明星数量的竞争),GitHub上Vue.js的明星数量已经超过了React。虽然NPM的下载量仍然落后于React,但Vue.js的人气似乎在持续增长。
像React一样,Vue最好的特性之一是能够将UI与独立的模块化组件相结合。为了帮助读者更快地构建下一个应用程序,这里有一些2018年最好的UI组件库。
1.Vuetify
Star的数量为11K,提供了80多个Vue.js组件,按照Google Material Design Guide实现。Vuetify支持所有平台的浏览器,包括IE11和Safari 9(使用polyfill),并提供8个vue-cli模板。
地址:https://github.com/vuetifyjs/vuetify
2.类星体
Star的数量超过6K,这是构建Vue.js响应网站、PWA、混合移动应用和Electron应用的流行框架。Quasar还支持HTML/CSS/JS压缩、缓存清除、树摇动、源代码映射、代码分段和延迟加载、ES6转码等功能。
地址:https://github.com/quasarframework/quasar
3.元素
Star将近28K,是一个面向Web的Vue.js 2.0 UI工具包。它拥有强大的社区和350个贡献者,提供丰富的可定制组件、完整的风格指南和更多资源。
地址:https://github.com/ElemeFE/element
4.真空材料
Star的数量几乎是6K,这是一个实现Google Material Design的简单库。该库还提供了一个webpack模板、用于Nuxt.js的SSR模板以及一个单独的HTML文件,通过该文件可以开始使用该框架。下面是一些入门示例:https://code sandbox . io/s/github/vue material/examples/tree/master/examples/quick-start。
地址:https://github.com/vuematerial/vue-material
5.敏锐的用户界面
Star接近3.5 K,是Vue组件的集合,在设计上受到了Google Material Design的启发。Keen-UI不是CSS框架,不包含网格系统、排版风格等。相反,它侧重于基于Javascript的交互组件。
地址:https://github.com/JosephusPaye/Keen-UI
6.Buefy
星3K左右,基于布尔玛(https://bulma.io),它提供了一套轻量级的UI组件。Vue.js和布尔玛是这个库仅有的两个内部依赖项。它的大小约为60KB(压缩大小,包括布尔玛)。您可以查看实时文档网站(https://buefy.github.io/#/documentation/start),并在Codepen上运行代码。
地址:https://github.com/buefy/buefy
7.Bootstrap Vue
Star的数量超过5K,为Vue.js提供了Bootstrap 4组件和网格系统的实现,并提供了自动WAI-ARIA可达性标签。
地址:https://github.com/bootstrap-vue/bootstrap-vue
8.缪斯用户界面
星号超过6K,是另一个Vue 2.0 MD库,提供40多个UI组件和可定制的主题。文档主要是用中文写的,但大部分组件都是不言自明的,文档只是起到辅助的作用。该项目正在积极开发和维护中。
地址:https://github.com/museui/muse-ui
9.人工智能
星号接近1.5 K,是基于Vue.js开发Web界面的模块化前端UI框架,适用于桌面应用。提供了NPM Webpack Babel的前端开发工作流程和独立的CSS样式,值得一试。
地址:https://github.com/at-ui/at-ui
10.Vux
Star的数量超过13K,是基于WeUI和Vue 2.0的热门社区库。该库还支持webpack vue-loader vux的工作流。它的文件也是中文的。
地址:https://github.com/airyland/vux
>
11. iView
Star 数将近 16K,提供了数十种用 Vue.js 构建的 UI 组件和小部件,并采用了干净而优雅的设计。iView 被广泛采用,社区也在积极维护,并提供了 CLI 工具用于以可视化的方式创建项目。这个也值得一试。
地址: https://github.com/iview/iview
12. Uiv
Star 数“仅”550 左右,用于 Vue 2 的 Bootstrap 3 组件库。所有组件加起来差不多 20KB,唯一的外部依赖是 Vue 和 Bootstrap CSS,支持基于 Webpack 的工作流。
地址: https://github.com/wxsms/uiv
13. Vuikit
Star 数 1K 左右,一个用于网站界面的响应式的 Vue UI 库,设计风格干净而统一。该库作为由 Yarn 工作区管理的“monorepo”而构建,但图标和主题可作为单独的包发布。
地址: https://github.com/vuikit/vuikit
14.Onsen UI+Vue
基于流行的 Onsen-UI 框架,封装了核心 Web 组件并暴露了 Vue 风格的 API。Onsen UI 组件也被设计为能够主动对 prop 做出反应。
地址: https://onsen.io/v2/guide/vue/
15.Semantic UI+Vue
这个项目基本上是 Semantic-UI 框架与 Vue.js 的集成。该库仍在开发当中,提供了一个类似于 Semantic-UI 的 API 以及一组可定制的主题。
地址: https://semantic-ui-vue.github.io/
16. Fish-UI
Star 数“仅”为 500 左右,贡献者也只有 3 个,但 fish-ui 提供了一个基于 Vue 的 Web 工具包,其中包含整洁干净的组件。该库支持 ES2015+Webpack 工作流。它的文档不是很全,但它的设计不容忽视。
地址: https://github.com/myliang/fish-ui
17.Mint UI
Star 数超过 11K,为 Vue.js 提供 UI 元素,提供了用于构建移动应用程序的 CSS 和 JS 组件。当全部导入时,压缩后的代码只有月 30KB(JS+CSS),当然它也支持单个组件的导入。
地址: https://github.com/ElemeFE/mint-ui/
18.Framework7 Vue
这个集成提供了几乎所有的 Framework7 元素和组件,并集成了 Framework7 Router,按照 Vue 的方式来渲染页面。该库正处于积极的开发和维护当中。
地址: https://framework7.io/vue/
19.Cube UI
Star 数超过 3K,是用于 Vue.js 移动应用程序的 UI 组件库。所有组件都经过了单元测试,并且该库还支持按需进行后期编译和组件导入。这个库仍在积极开发中。
地址: https://github.com/didi/cube-ui
20. Vueblu
Star 数约 1.5K,是基于 Vue 2.0 和 Bulma 的 UI 组件库,用于构建中台和后台办公产品。它支持 ES2015 和 NPM+Webpack+Babel 工作流,并提供可自定义主题。
地址: https://github.com/chenz24/vue-blu
21.Ant Design Vue
Star 数约 1.5K,用于开发具有数十个 Ant Design 实现组件的企业级后端产品,并支持基于 Webpack 调试的构建解决方案(支持 ES6)。请注意,它的开发已经停止了一段时间。
地址: https://github.com/okoala/vue-antd
特别推荐
n3-components :https://github.com/N3-components/N3-componentsvuikit:https://vuikit.js.org/Kendu UI Vuehttps://www.telerik.com/kendo-vue-uiOffice Fabric-Vuehttps://github.com/aidewoode/office-ui-fabric-vuevuestraphttp://kzima.github.io/vuestrap-base-components/#/vueboothttp://morgul.github.io/vueboot/framevuerkhttp://framevuerk.com/Vue WeUIhttp://aidenzou.github.io/vue-weui/#!/Vue-MDChttps://github.com/posva/vue-mdc
作者:前端之巅 原文地址 https://mp.weixin.qq.com/s/apTCMBj-t7cZsi9vmPmtKA?utm_source=tuicool&utm_medium=referral
英文地址:https://hackernoon.com/21-top-vue-js-ui-libraries-for-your-app-4556e5a9060e