21個Vue UI庫

1、Vuetify

Star 數(shù)為 11K荸实,提供了 80 多個 Vue.js 組件工坊,這些組件是根據(jù)谷歌 Material Design 指南實現(xiàn)的。Vuetify 支持所有平臺上的瀏覽器恋拷,包括 IE11 和 Safari 9+(使用 polyfill)资厉,并提供了 8 個 vue-cli 模板。

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

2蔬顾、Quasar

Star 數(shù)超過 6K宴偿,是構建 Vue.js 響應式網(wǎng)站、PWA诀豁、混合移動應用和 Electron 應用的流行框架窄刘。Quasar 還支持諸如 HTML/CSS/JS 壓縮、緩存清除且叁、搖樹優(yōu)化(tree shaking)都哭、源映射、代碼分割和延遲加載逞带、ES6 轉碼等功能欺矫。

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

3、Element

Star 數(shù)將近 28K展氓,是一款面向 Web 的 Vue.js 2.0 UI 工具包穆趴。它擁有一個強大的社區(qū)和 350 個貢獻者,提供了豐富的可定制組件遇汞,以及完整的樣式指南和更多的資源未妹。 地址:https://github.com/ElemeFE/element

4、Vue Material

Star 數(shù)差不多 6K空入,是一個實了谷歌 Material Design 的簡單庫络它。該庫還提供了一個 webpack 樣板、用于 Nuxt.js 的 SSR 模板和一個單獨的 HTML 文件(通過這個文件開始使用框架)歪赢。這里有一些入門的例子https://codesandbox.io/s/github/vuematerial/examples/tree/master/examples/quick-start化戳。

地址:https://github.com/vuematerial/vue-material

5、Keen-UI

Star 數(shù)將近 3.5 K埋凯,一組 Vue 組件的集合点楼,在設計上受到了谷歌 Material Design 的啟發(fā)扫尖。Keen-UI 并不是一個 CSS 框架,它不包含網(wǎng)格系統(tǒng)掠廓、排版樣式等换怖。相反,它關注的是基于 Javascript 的交互式組件蟀瞧。

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

6沉颂、Buefy

Star 數(shù) 3K 左右,基于 Bulma(https://bulma.io)提供了一組輕量級的 UI 組件黄橘。Vue.js 和 Bulma 是這個庫唯一的兩個內部依賴兆览。它的大小約為 60KB(壓縮后的大小,并且包含了 Bulma)塞关。你可以查看實時文檔網(wǎng)站(https://buefy.github.io/#/documentation/start)并在Codepen 上運行代碼抬探。

地址:https://github.com/buefy/buefy

7、Bootstrap Vue

Star 數(shù)超過 5K帆赢,為 Vue.js 提供了 Bootstrap 4 組件和網(wǎng)格系統(tǒng)的實現(xiàn)小压,并提供了自動 WAI-ARIA 可訪問性標記。

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

8椰于、Muse-UI

Star 數(shù)超過 6K怠益,是另一個 Vue 2.0 MD 庫,提供了 40 多個 UI 組件和可定制主題瘾婿。文檔主要使用中文撰寫蜻牢,不過大多數(shù)組件是自解釋的,文檔只起到輔助作用偏陪。該項目在積極的開發(fā)和維護當中抢呆。 地址:https://github.com/museui/muse-ui

9、AT-UI

Star 數(shù)接近 1.5 K笛谦,一個模塊化的前端 UI 框架抱虐,用于開發(fā)基于 Vue.js 的 Web 界面,適用于桌面應用程序饥脑。它提供了 NPM+Webpack+Babel 的前端開發(fā)工作流和獨立的 CSS 樣式恳邀,值得一試。

地址:https://github.com/at-ui/at-ui

10灶轰、Vux

Star 數(shù)超過 13K谣沸,是一個流行的社區(qū)庫,基于 WeUI 和 Vue 2.0笋颤。該庫還支持 webpack+vue-loader+vux 的工作流乳附。它的文檔也是中文的。

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

11、iView

Star 數(shù)將近 16K许溅,提供了數(shù)十種用 Vue.js 構建的 UI 組件和小部件,并采用了干凈而優(yōu)雅的設計秉版。iView 被廣泛采用贤重,社區(qū)也在積極維護,并提供了 CLI 工具用于以可視化的方式創(chuàng)建項目清焕。這個也值得一試并蝗。

地址:https://github.com/iview/iview

12、Uiv

Star 數(shù)“僅”550 左右秸妥,用于 Vue 2 的 Bootstrap 3 組件庫滚停。所有組件加起來差不多 20KB,唯一的外部依賴是 Vue 和 Bootstrap CSS粥惧,支持基于 Webpack 的工作流键畴。 地址:https://github.com/wxsms/uiv

13、Vuikit

Star 數(shù) 1K 左右突雪,一個用于網(wǎng)站界面的響應式的 Vue UI 庫起惕,設計風格干凈而統(tǒng)一。該庫作為由 Yarn 工作區(qū)管理的“monorepo”而構建咏删,但圖標和主題可作為單獨的包發(fā)布惹想。

地址: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 的集成锋叨。該庫仍在開發(fā)當中,提供了一個類似于 Semantic-UI 的 API 以及一組可定制的主題搓译。

地址:https://semantic-ui-vue.github.io/

16悲柱、Fish-UI

Star 數(shù)“僅”為 500 左右,貢獻者也只有 3 個些己,但 fish-ui 提供了一個基于 Vue 的 Web 工具包豌鸡,其中包含整潔干凈的組件。該庫支持 ES2015+Webpack 工作流段标。它的文檔不是很全涯冠,但它的設計不容忽視。

地址:https://github.com/myliang/fish-ui

17逼庞、Mint UI

Star 數(shù)超過 11K蛇更,為 Vue.js 提供 UI 元素,提供了用于構建移動應用程序的 CSS 和 JS 組件。當全部導入時派任,壓縮后的代碼只有月 30KB(JS+CSS)砸逊,當然它也支持單個組件的導入。

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

18掌逛、Framework7 Vue

這個集成提供了幾乎所有的 Framework7 元素和組件师逸,并集成了 Framework7 Router,按照 Vue 的方式來渲染頁面豆混。該庫正處于積極的開發(fā)和維護當中篓像。 地址:https://framework7.io/vue/

19、Cube UI

Star 數(shù)超過 3K皿伺,是用于 Vue.js 移動應用程序的 UI 組件庫员辩。所有組件都經(jīng)過了單元測試,并且該庫還支持按需進行后期編譯和組件導入鸵鸥。這個庫仍在積極開發(fā)中奠滑。

地址:https://github.com/didi/cube-ui

20、Vueblu

Star 數(shù)約 1.5K脂男,是基于 Vue 2.0 和 Bulma 的 UI 組件庫养叛,用于構建中臺和后臺辦公產(chǎn)品。它支持 ES2015 和 NPM+Webpack+Babel 工作流宰翅,并提供可自定義主題弃甥。

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

21、Ant Design Vue

Star 數(shù)約 1.5K汁讼,用于開發(fā)具有數(shù)十個 Ant Design 實現(xiàn)組件的企業(yè)級后端產(chǎn)品淆攻,并支持基于 Webpack 調試的構建解決方案(支持 ES6)。請注意嘿架,它的開發(fā)已經(jīng)停止了一段時間瓶珊。

地址:https://github.com/okoala/vue-antd

重磅發(fā)布預告

排名11位的iView是由TalkingData數(shù)據(jù)可視化團隊開源的UI組件庫,也是一個充滿情懷的開源項目耸彪。 在過去的一年里伞芹,iView共迭代了27個版本,還在近期發(fā)布了針對微信小程序開發(fā)的UI組件庫——《iView Weapp》蝉娜。 7.28是iView的兩周年生日唱较,iView團隊也將在這一天舉辦發(fā)布會,正式發(fā)布iView 3.0以及5款與iView相關的神秘產(chǎn)品召川。點擊文末閱讀原文南缓,就有機會親臨發(fā)布會現(xiàn)場。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末荧呐,一起剝皮案震驚了整個濱河市汉形,隨后出現(xiàn)的幾起案子纸镊,更是在濱河造成了極大的恐慌,老刑警劉巖概疆,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逗威,死亡現(xiàn)場離奇詭異,居然都是意外死亡岔冀,警方通過查閱死者的電腦和手機庵楷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來楣颠,“玉大人,你說我怎么就攤上這事咐蚯⊥觯” “怎么了?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵春锋,是天一觀的道長矫膨。 經(jīng)常有香客問我,道長期奔,這世上最難降的妖魔是什么侧馅? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮呐萌,結果婚禮上馁痴,老公的妹妹穿的比我還像新娘。我一直安慰自己肺孤,他們只是感情好罗晕,可當我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著赠堵,像睡著了一般小渊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上茫叭,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天酬屉,我揣著相機與錄音,去河邊找鬼揍愁。 笑死呐萨,一個胖子當著我的面吹牛,可吹牛的內容都是我干的吗垮。 我是一名探鬼主播垛吗,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼烁登!你這毒婦竟也來了怯屉?” 一聲冷哼從身側響起蔚舀,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎锨络,沒想到半個月后赌躺,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了页屠。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咖气。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖逆航,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤肤粱,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站厨相,受9級特大地震影響领曼,放射性物質發(fā)生泄漏。R本人自食惡果不足惜蛮穿,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一庶骄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧践磅,春花似錦单刁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至细溅,卻和暖如春褥傍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背喇聊。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工恍风, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人誓篱。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓朋贬,卻偏偏與公主長得像,于是被迫代替她去往敵國和親窜骄。 傳聞我的和親對象是個殘疾皇子锦募,可洞房花燭夜當晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內容

  • 1糠亩、Vuetify Star 數(shù)為 11K虐骑,提供了 80 多個 Vue.js 組件,這些組件是根據(jù)谷歌 Mater...
    月下吳剛_c8c7閱讀 4,800評論 0 40
  • 簡說Vue (組件庫) https://github.com/ElemeFE/element" 餓了么出品的VUE...
    Estrus丶閱讀 1,663評論 0 1
  • 見: 如果烏龜能夠吸取那些最棒前輩的赎线、已經(jīng)被實踐所證明的洞見廷没,有時候它也能跑贏那些追求獨創(chuàng)性的兔子或者跑贏那些忽略...
    huifang963閱讀 259評論 0 0
  • 關于體制機制的設計和尋找,不能蠻干垂寥。 利用自然的力量颠黎、人民群眾的力量、資本的力量滞项,實現(xiàn)一切體制機制的更新迭代狭归。 比...
    書不讀秦漢以下閱讀 184評論 0 1