地址:https://github.com/JosephusPaye/Keen-UI
6、Buefy
Star 數 3K 左右,基於 Bulma(https://bulma.io)提供了一組輕量級的 UI 組件。Vue.js 和 Bulma 是這個庫唯一的兩個內部依賴。它的大小約為 60KB(壓縮後的大小,並且包含了 Bulma)。你可以查看實時文檔網站(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、Muse-UI
Star 數超過 6K,是另一個 Vue 2.0 MD 庫,提供了 40 多個 UI 組件和可定製主題。文檔主要使用中文撰寫,不過大多數組件是自解釋的,文檔只起到輔助作用。該項目在積極的開發和維護當中。
地址:https://github.com/museui/muse-ui
9、AT-UI
Star 數接近 1.5 K,一個模塊化的前端 UI 框架,用於開發基於 Vue.js 的 Web 界面,適用於桌面應用程序。它提供了 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-components
- vuikit:
- https://vuikit.js.org/
- Kendu UI Vue
- https://www.telerik.com/kendo-vue-ui
- Office Fabric-Vue
- https://github.com/aidewoode/office-ui-fabric-vue
- vuestrap
- http://kzima.github.io/vuestrap-base-components/#/
- vueboot
- http://morgul.github.io/vueboot/
- framevuerk
- http://framevuerk.com/
- Vue WeUI
- http://aidenzou.github.io/vue-weui/#!/
- Vue-MDC
- https://github.com/posva/vue-mdc
重磅發佈預告
排名11位的iView是由TalkingData數據可視化團隊開源的UI組件庫,也是一個充滿情懷的開源項目。
在過去的一年裡,iView共迭代了27個版本,還在近期發佈了針對微信小程序開發的UI組件庫——《iView Weapp》。
7.28是iView的兩週年生日,iView團隊也將在這一天舉辦發佈會,正式發佈iView 3.0以及5款與iView相關的神秘產品。
報名地址:http://www.huodongxing.com/event/1447326640400
閱讀更多 TalkingData 的文章
關鍵字: Google 推薦 JavaScript