九個很受歡迎的vue前端UI框架

最近在逛各大網站,論壇,SegmentFault等編程問答社區,發現Vue.js異常火爆,重復性的提問和內容也很多,小編自己也趁著這個大前端的熱潮,著手學習了一段時間的Vue.js,目前用它正在做自己的公司項目。

學習的過程之中發現繼最熱的 React 組件庫和 Angular 組件庫之后,這里有很多個流行和實用的 Vue.js 組件庫完善你的下一個用 Vue.JS 編寫 UI 界面的應用程序。Vue.js是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。

圖片.png

一:Element

官網地址:http://element-cn.eleme.io/#/zh-CN

介紹:element ui框架的按鈕組件,這款由餓了么前端開源的UI框架,一經面世,就收獲大量程序員的芳心。在github 上更是高達29.8k的star早已說明一切。用于開發PC端的頁面還是綽綽有余的。如果說你是用vue開發者,卻沒用過element UI,那你肯定不是合格的vue開發者。

圖片.png

二:iview

官網地址:https://www.iviewui.com/

介紹:iView 是一套基于 Vue.js 的開源 UI 組件庫,主要服務于 PC 界面的中后臺產品。使用單文件的 Vue 組件化開發模式 基于 npm + webpack + babel 開發,支持 ES2015 高質量、功能豐富 友好的 API ,自由靈活地使用空間,由TalkingData開發維護,有很多知名互聯網企業都在使用。

圖片.png

三:vuetify

官網地址:https://vuetifyjs.com/zh-Hans/

介紹:Vuetifyjs根據材料設計規格提供 UI 布局。 V 1.0 Alpha 版本提供了超過 80個 reusbale 組件,其中包含一個易于記憶的語義設計,它基于名稱簡單明了 type-as-you 的類型屬性。在GitHub 上有超過 7K 的 star。

圖片.png

四:vue-strap

官網地址:http://yuche.github.io/vue-strap/

介紹:基于 Vue.js 的 Bootstrap 組件 該倉庫包含一系列基于 Bootstrap 標記和 CSS 的本地 Vue.js 組件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依賴的是: Vue.js Bootstrap CSS ,VueStrap 不依賴某個非常精確的 Bootstrap 版本。如果喜歡bootstrap的小伙伴又不想換jquery的開發方式是不二的選擇。

圖片.png

五:cube-ui

官網地址:https://didi.github.io/cube-ui/#/zh-CN/example

介紹:cube-ui 是滴滴團隊開發的基于 Vue.js 實現的精致移動端組件庫。支持按需引入和后編譯,輕量靈活;擴展性強,可以方便地基于現有組件實現二次開發。

圖片.png

六:buefy

官網地址:https://buefy.github.io/#/

介紹:Buefy 基于 Bulma 和 Vue.js 的輕量級UI組件,它提供了即裝即用的輕量級組件。雖然組件選擇有限,但是值得你去嘗試。

圖片.png

七:vue-beauty

官網地址:https://fe-driver.github.io/vue-beauty/#/components/button

介紹:基于 ant design 的漂亮的 vue 組件庫;vue-beauty 是一套基于 vue.js 和 ant-design樣式 的PC端 UI 組件庫,旨在幫助開發者提升產品體驗和開發效率、降低維護成本。

圖片.png

八:at-ui

官網地址:https://at-ui.github.io/at-ui/#/zh

介紹:AT-UI 是一個模塊化的前端 UI 框架,開發基于Vue.js 的快速和強大的 Web 界面。專門為桌面應用程序構建,AT-UI提供了一套 npm + webpack + babel 前端開發工作流程。全英文的文檔對用戶來說可能是具有有挑戰性的,但它提供了一個體面的干凈整潔的 UI 組件。

圖片.png

九:Vue-Blu

官網地址:https://chenz24.github.io/vue-blu/#/

介紹:Vue-Blu是基于VuejsBulma開發的開源UI組件庫。旨在為PC端的前端開發(特別是中后臺產品)提供一個快速且靈活的解決方案。全面、靈活且強大的ui組件,API友好。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 最近在逛各大網站,論壇,SegmentFault等編程問答社區,發現Vue.js異常火爆,重復性的提問和內容也很多...
    祈澈菇涼閱讀 109,199評論 28 474
  • 內容 UI組件 開發框架 實用庫 服務端 輔助工具 應用實例 Demo示例 UI組件 element ★13489...
    秋玄語道閱讀 13,756評論 3 116
  • 轉載 :OpenDiggawesome-github-vue 是由OpenDigg整理并維護的Vue相關開源項目庫...
    果汁密碼閱讀 23,176評論 8 124
  • 晚上看了幾個甜甜膩膩的小文 腦子都是高中下課站在走廊偷看對面的男生 現在不禁覺得自己…(不知道用什么形容詞) 其實...
    upupup嗯閱讀 203評論 0 0
  • 關鍵20小時,快速學會任何技能 還沒看過這本《關鍵20小時,快速學會任何技能》,我之前在掌閱上看過這本書的名字,但...
    小秦哥哥閱讀 201評論 3 2