vue前端UI框架收集
基於 vue 的ui框架
手機 電腦 相容框架
vuetifyjs
vuetifyjs是比較流行的基於vue的前端ui框架,作者
John Leider
來自國外,vuetifyjs
元件眾多,並且電腦端,移動端通用一套程式碼
- 官網網址: https://vuetifyjs.com/zh-Hans/
- 手冊網址: https://vuetifyjs.com/zh-Hans/getting-started/quick-start/
- github地址: https://github.com/vuetifyjs/vuetify
- 作者的github地址: https://github.com/johnleider
電腦端
Element-UI
Element是由國內餓了麼團隊開發的一套桌面端vue ui框架,也是國內使用最多的ui前端框架,我們日常開發中所用到的功能基本已經都內建好,並且ui風格高度可自定義
- 官網網址: https://element.eleme.cn/#/zh-CN
- 手冊網址: https://element.eleme.cn/#/zh-CN/component/installation
- github地址: https://github.com/ElemeFE/element
- 作者的github地址: https://github.com/elemefe
iviewui
iview是由國內試圖科技公司團隊開發的基於 Vue.js 的高質量企業級 UI 元件庫,具有業界影響力的免費開源軟體 豐富的元件和功能,滿足絕大部分網站場景,提供開箱即用的 Admin 系統 和 高階元件庫,極大程度節省開發成本,提供專業、優質的一對一技術支援,友好的 API ,自由靈活地使用空間,可自定義主題
- 官網網址: https://iview.design/
- 手冊網址: https://www.iviewui.com/docs/guide/start
- github地址: https://github.com/view-design/ViewUI
- 作者的github地址: https://github.com/view-design
- 專業版地址: https://pro.iviewui.com/pro/introduce
- 專業版admin地址: https://pro.iviewui.com/admin-pro/introduce
VueStrap
VueStrap是基於Bootstrap開發的vue前端框架,他不依賴jquery,但是需要bootstrap css (3.xx)的樣式
- 官網網址: http://yuche.github.io/vue-strap/
- 手冊網址: http://yuche.github.io/vue-strap/#accordion
- github地址: https://github.com/yuche/vue-strap
- 作者的github地址: https://github.com/yuche
vue-blu
Vue-Blu是基於Vuejs和Bulma開發的開源UI元件庫。旨在為PC端的前端開發(特別是中後臺產品)提供一個快速且靈活的解決方案。
- 官網網址: https://chenz24.github.io/vue-blu/#/
- 手冊網址: https://chenz24.github.io/vue-blu/#/
- github地址: https://github.com/chenz24/vue-blu
- 作者的github地址: https://github.com/chenz24
at-ui
AT-UI 是一款基於 Vue.js 2.0 的前端 UI 元件庫,主要用於快速開發 PC 網站中後臺產品。是由京東凹凸實驗室團隊開發的前端框架
- 官網網址: https://at-ui.github.io/at-ui/#/zh
- 手冊網址: https://at-ui.github.io/at-ui/#/zh/docs/introduction
- github地址: https://github.com/AT-UI/at-ui
- 作者的github地址: https://github.com/AT-UI
- 團隊官網網址: https://aotu.io/
buefy
基於Bulma的Vue.js的輕量級 UI元件
- 官網網址: https://buefy.org/
- 手冊網址: https://buefy.org/documentation/start
- github地址: https://github.com/buefy/buefy
- 作者的github地址: https://github.com/buefy
vue-beauty
vue-beauty 是一套基於 vue.js 和 ant-design樣式 的PC端 UI 元件庫,旨在幫助開發者提升產品體驗和開發效率、降低維護成本。
- 官網網址: https://buefy.org/
- 手冊網址: https://fe-driver.github.io/vue-beauty/#/components/start
- github地址: https://github.com/FE-Driver/vue-beauty
- 作者的github地址: https://github.com/FE-Driver
手機端
mint-ui
mint是由國內餓了麼團隊專為移動端開發的一套vue ui框架,主要應用在移動端,內建眾多元件
- 官網網址: http://mint-ui.github.io/#!/zh-cn
- 手冊網址: http://mint-ui.github.io/docs/#/zh-cn
- 演示網址: http://elemefe.github.io/mint-ui/#/
- github地址: https://github.com/ElemeFE/mint-ui
- 作者的github地址: https://github.com/ElemeFE
vant
vant 是由有贊團隊開發的專門用於手機端的vue框架,vant 輕量、可靠的移動端 Vue 元件庫,60+ 高質量元件、 90% 單元測試覆蓋率、完善的中英文文件和示例
- 官網網址: https://youzan.github.io/vant/#/zh-CN/
- 手冊網址: https://youzan.github.io/vant/#/zh-CN/
- 演示網址: https://youzan.github.io/vant/mobile.html#/zh-CN/
- github地址: https://github.com/youzan/vant
- 作者的github地址: https://github.com/youzan
nutui
nutui 是由京東團隊開發的專門用於手機端的vue框架,NutUI是一套京東風格的移動端元件庫,開發和服務於移動Web介面的企業級前中後臺產品。
- 官網網址: http://nutui.jd.com/#/index
- 手冊網址: http://nutui.jd.com/#/start
- 演示地址: http://nutui.jd.com/demo.html#/index
- github地址: https://github.com/jdf2e/nutui
- 作者的github地址: https://github.com/jdf2e
Cube-UI
Cube UI 由滴滴內部元件庫精簡提煉而來,經歷了業務一年多的考驗,並且每個元件都有充分單元測試,為後續整合提供保障,基於 Vue.js 實現的精緻移動端元件庫。
- 官網網址: https://didi.github.io/cube-ui/#/zh-CN
- 手冊網址: http://nutui.jd.com/#/start
- 演示地址: https://didi.github.io/cube-ui/example/#/N/example
- github地址: https://github.com/didi/cube-ui
- 作者的github地址: https://github.com/didi
VUX
VUX 一個湊合的 Vue.js 移動端 UI 元件庫, 它是由個人開發和維護的一套框架
- 官網網址: https://vux.li/
- 手冊網址: https://doc.vux.li/zh-CN/
- 演示地址: https://vux.li/demos/v2/?x-page=v2-doc-home#/demo
- github地址: https://github.com/airyland/vux
- 作者的github地址: https://github.com/airyland
vonic
vonic 一個基於 vue.js 和 ionic 樣式的 UI 框架,用於快速構建移動端單頁應用。它也是由個人開發和維護的一套框架