美文网首页F2e踩坑之路
VUE优秀UI组件库合集

VUE优秀UI组件库合集

作者: 人类进化又没带我 | 来源:发表于2017-10-26 15:07 被阅读75次

随着SPA、前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本。vue作为一款深受广大群众以及尤大崇拜者的喜欢,特此列出在github上开源的vue优秀UI组件库供大家参考,期待开发者们推出更多优秀的组件库。

------------PC------------

Element

star★:11.2k

demo:http://element.eleme.io/2.0/#/zh-CN/component/changelog 

demo:   http://element.eleme.io/#/zh-CN/component/layout (旧版)

docs:http://element.eleme.io/#/zh-CN

github:https://github.com/ElemeFE/element

Dependencies

Vue.js(^v2.x).

Browser support

Modern browsers and IE 9+.视频教程:https://www.laravist.com/series/use-element-ui-tool-kit

iView

star★:5.6k

demo:https://www.iviewui.com/overview

docs:https://www.iviewui.com/

github:https://github.com/iview/iview

Dependencies

Vue.js(^v2.x) - useHEREfor Vue 1.x support.

Browser support

Modern browsers and IE 9+.

VueStrap

star★:3.7k

demo:http://yuche.github.io/vue-strap/

docs:http://yuche.github.io/vue-strap/

github:https://github.com/yuche/vue-strap

Dependencies

Vue.js(required ^v1.x.x, test with v1.0.8).

Bootstrap CSS(required 3.x.x, test with 3.3.5).

Vue Admin

star★:3.8k

demo:https://admin.vuebulma.com/#/components

docs:https://admin.vuebulma.com/#/

github:https://github.com/vue-bulma/vue-admin

Dependencies

Vue.js(^v2.x+) - useHEREfor Vue 1.x support.

Keen UI

star★:2.5k

demo:https://josephuspaye.github.io/Keen-UI/#

docs:https://josephuspaye.github.io/Keen-UI/#

github:https://github.com/JosephusPaye/Keen-UI

Dependencies

Vue.js(^v2.x) - usekeen-ui@0.8.9for Vue 1.x support.

Browser support

Modern browsers and IE 10+ (due toFlexbox support).

Vue MDL

star★:890

demo:http://posva.net/vue-mdl/

docs:http://posva.net/vue-mdl/

github:https://github.com/posva/vue-mdl

Dependencies

Vue.js(^v2.x).

BootstrapVue

star★:783

demo:https://bootstrap-vue.github.io/

docs:https://bootstrap-vue.github.io/docs

github:https://github.com/bootstrap-vue/bootstrap-vue/

Dependencies

Vue.js(^v2.x).

Vue-Blu

star★:680

demo:https://chenz24.github.io/vue-blu/#/

docs:https://chenz24.github.io/vue-blu/#/

github:https://github.com/chenz24/vue-blu

Dependencies

Vue.js(^v2.x).

Browser support

Modern browsers and IE10+

Vuikit

star★:646

demo:https://vuikit.js.org/#/

docs:https://vuikit.js.org/#/

github:https://github.com/vuikit/vuikit

Dependencies

Vue.js(^v2.x).

------------Mobile------------

Vux

star★:7.4k

demo:https://vux.li/demos/v2/#/

docs:https://vux.li/#/

github:https://github.com/airyland/vux

Dependencies

Vue.js(^v2.x).

Mint UI

star★:5.4k

demo:http://elemefe.github.io/mint-ui/#/

docs:http://mint-ui.github.io/#!/zh-cn

github:https://github.com/ElemeFE/mint-ui

Dependencies

Vue.js(^v2.x).

Vonic

star★:1.6k

demo:https://wangdahoo.github.io/vonic/docs/#/

docs:https://wangdahoo.github.io/vonic-documents/#/

github:https://github.com/wangdahoo/vonic

Dependencies

Vue.js(^v2.x).

Vum

star★:816

demo:http://demo.getvum.com/#!/

docs:http://getvum.com/

github:https://github.com/vum-team/vum

Dependencies

Vue.js(^v2.x).

Vue-Carbon

star★:632

demo:https://myronliu347.github.io/vue-carbon/#!/

docs:https://myronliu347.github.io/vue-carbon/book/v0.5.0/

github:https://github.com/myronliu347/vue-carbon

Dependencies

Vue.js(^v1.0.2).

YDUI

star★:127

demo:http://vue.ydui.org/

docs:http://vue.ydui.org/docs/#/

github:https://github.com/ydcss/vue-ydui

Dependencies

Vue.js(^v2.x).

Vuwe

star★:122

demo:https://vuwe.github.io/vuwe/#/

docs:https://vuwe.github.io/vuwe/doc.html#/

github:https://github.com/vuwe/vuwe

Dependencies

Vue.js(^v2.x).

WE-VUE

star★:37

demo:http://wevue.org/

github:https://github.com/tianyong90/we-vue

Dependencies

Vue.js(^v2.x).

---responsive layout system---

Vue Material

star★:2.7k

demo:https://vuematerial.github.io/#/

docs:https://vuematerial.github.io/#/getting-started

github:https://github.com/marcosmoura/vue-material

Dependencies

Vue.js(^v2.x).

Browser Support

the latest version of all Browsers and Edge 12+ IE 11

Muse-UI

star★:2.5k

demo:http://www.muse-ui.org/#/install

docs:http://www.muse-ui.org/#/index

github:https://github.com/museui/muse-ui

Dependencies

Vue.js(^v2.x).

Browser Support

IE 10+

Andorid 4.4+

IOS 7+

Vuetify

star★:2.1k

demo:https://vuetifyjs.com

docs:https://vuetifyjs.com

github:https://github.com/vuetifyjs/vuetify

Dependencies

Vue.js(^v2.x).

Radon UI

star★:669

demo:https://luojilab.github.io/radon-ui/#!/basic/button

docs:https://luojilab.github.io/radon-ui/#!/

github:https://github.com/luojilab/radon-ui

Dependencies

Vue.js(^v2.x).

RUBIK

star★:191

demo:https://ccforward.github.io/rubik/#/

docs:https://ccforward.github.io/rubik/#/

github:https://github.com/ccforward/rubik/

Dependencies

Vue.js(^v2.x).

------------Hybrid------------

OnsenUI-Vue

star★:4.6k

demo:https://tutorial.onsen.io/?framework=vue&category=reference&module=dialog

docs:https://onsen.io/v2/docs/guide/vue/

github:https://github.com/OnsenUI/OnsenUI/tree/master/bindings/vue

Dependencies

Vue.js(^v2.x).

Browser Support

Android 4.4.4+

iOS 8+

Chrome

Safari

Quasar

star★:1.8k

demo:http://quasar-framework.org/components/dialog.html

docs:http://quasar-framework.org/guide/index.html

github:https://github.com/quasarframework/quasar

Dependencies

Vue.js(^v2.x).

Framework7-Vue

star★:247

demo:http://framework7.cn/

docs:http://vue.framework7.cn/

github:https://github.com/nolimits4web/Framework7-Vue

Dependencies

Vue.js(^v2.x).

青团社招聘:

招聘岗位:资深前端开发工程师

简历投递到:hr@qtshe.com || haochen@qtshe.com

职位描述:

1、建设工具、提炼组件、抽象框架,促进前端工程化、服务化,持续提升研发效率,保障线上产品质量

2、构建H5/PC应用基础设施,主导建设前端各种发布/监控等平台,指导落实解决方案

3、持续优化前端页面性能,维护前端代码规范,钻研各种前沿技术和创新交互,增强用户体验、开拓前端能力边界

相关文章

网友评论

    本文标题:VUE优秀UI组件库合集

    本文链接:https://www.haomeiwen.com/subject/txrkpxtx.html