vue開源項目 原

包括一些ui庫和比較完整的小項目。ui庫會對主要的單選框,多選框,級聯選擇器,滑塊,日期/時間選擇器,進度條,分頁,彈框,通知,導航菜單,步驟條等截圖比較

一、前臺UI組件庫

1.Element

優點:中文文檔,ui種類比較全,ui設計簡潔清晰

缺點:不夠有特點

2.iView

優點:和element的UI很相似,有一些多的補充,可以相互替換

缺點:仍然沒有什麼特色

3.Vuetify

優點:時間選擇器是時鐘樣式,比較有特色。中文文檔

缺點:種類不如前面全

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

4.Vue-material

優點:時間選擇器配色舒適,進度條樣式有虛線形式,步驟條更清晰相比有創新。表單字段點擊後文字會上浮

缺點:目前種類還比較少,遺憾沒有時間選擇器。非中文文檔

5.Quasar

構建響應式網站,PWA,混合移動應用程序

打不開,應該是被牆了,無法評論,只有項目

6.Buefy

優點:時間選擇器數字很大有特點

缺點:非中文文檔

7.Vant

優點:移動端界面,輕量化,基本涵蓋移動端交互的ui,和微信樣式很像

8.At-ui

一款全新的平面UI套件,專門用於桌面應用程序

優點:顏色比較素雅,UI比較秀氣

9.Vue-js-modal

10.Vuex-loading

11.Vue-js-grid

12.Dockeron

13.mint-ui

14.Keen-UI

優點:移動端框架,日期選擇器比較好看。

15.VueCircleMenu

16.vue-carbon

17.vue-calendar

18.vue-datetime-picker

19.vue2-calendar

★181 - 支持lunar和日期事件的日期選擇器

20.vue-datepicker

21.vue-datepicker

22.vue-date-picker

★59 - VueJS日期選擇器組件

23.vue-fullcalendar

24.vue-datepicker-simple

 ★20 - 基於vue的日期選擇

23.vue-chartjs

24.DataVisualization

★149 - 數據可視化

25.vue-charts

★101 - 輕鬆渲染一個圖表

26.vue-quill-editor

★149 - 基於Quill適用於Vue2的富文本編輯器

27.vue-chartkick

★22 - VueJS一行代碼實現優美圖表

27.Vueditor ★138 - 所見即所得的編輯器

28.vue-html5-editor

★132 - html5所見即所得編輯器

29.vue-simplemde

★35 - VueJS的Markdown編輯器組件

30.vuwe

★107 - 基於微信WeUI所開發的專用於Vue2的組件庫

31.cubeex

★33 - 包含一套完整的移動UI

32.vue-region-picker

★89 - 選擇中國的省份市和地區

31.vue-awesome-swiper

32.vue-slick

32.vue-material-design

33. Muse-UI

34. Uiv

用於 Vue 2 的 Bootstrap 3 組件庫。

35.Vuikit

36.Fish-UI

37.Framework7 Vue

38.Cube UI

很有特色的ui設計,類型比較全。活動效果比較好

39.Vueblu

比較簡潔,各種角度的提供了過度動畫

40.Ant Design Vue

二、後臺UI庫

1.Vue-element-admin

2.Vue-admin

3.vueAdmin

三、其他

1.Best-resume-ever

2.vue-hackernews-2.0

vue-router&vuex和服務器端渲染 [Github star:6687]。

3.Vue-devtools (v 4.0)

用於調試Vue.js應用程序的Chrome devtools擴展程序 [Github star:6292]

4.Electron-vue

Electron&Vue.js快速啓動樣板,包括vue-cli腳手架,通用Vue插件, electron-packager/electron-builder,單元/e2e測試,vue-devtools和webpack

https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

5.Vue-loader (v 13)

Vue.js組件的Webpack加載程序(loader) [Github star:2588]

6.Vuepack (v 3.0)

一個使用Vue 2,Vuex,Vue-router和Webpack 2(甚至是Electron)的新潮種子項目。 [Github star:2077]

7.Codesandbox

專爲Web應用程序開發而設計的在線代碼編輯器 [Github star:1552]

8.Vuefire (v 2.0)

Firebase 2&> = 3的Vue.js 1&2綁定 [Github star:1228]

9.Vue-tetris

使用Vue,Vuex,Immutable做俄羅斯方塊 [Github star:1152]

10.Vue-recyclerview

使用vue-recyclerview掌握大型列表 [Github star:1021]

11.Vuex-persistedstate (v 2.0)

用本地存儲保持Vuex狀態

12.Vue-test-utils

用於測試Vue組件的實用程序 [Github star:977]

13.Vue-meta (v 1.0)

管理Vue 2.0組件中的頁面元信息,支持SSR +流媒體。

14.ESLint-plugin-vue

官方ESLint的Vue.js插件 [Github star:864]

15.Vue-tables-2

Vue.js 2 網格組件 [Github star:540]

16.Vue-baidu-map

優點:功能簡單實用

缺點:樣式不好看

17.vue-amap

18.vue-waterfall

★605 - Vue.js的瀑布佈局組件

四、一些項目

1.IFmiss / vue-music

http://www.daiwei.org/vue-music.html#/mymusic

2.仿豆瓣項目

https://github.com/jeneser/douban

3.markcook

 ★318 - 好看的markdown編輯器

參考文檔:

1.Vue相關開源項目庫彙總:https://blog.csdn.net/sinat_17775997/article/details/60580683

2.推薦21個頂級的Vue UI庫!:https://baijiahao.baidu.com/s?id=1604546957811183734&wfr=spider&for=pc

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章