前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue开源项目 原

vue开源项目 原

作者头像
晓歌
发布2018-09-28 15:23:19
3.7K0
发布2018-09-28 15:23:19
举报
文章被收录于专栏:破晓之歌破晓之歌

包括一些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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、前台UI组件库
    • 1.Element
      • 2.iView
        • 3.Vuetify
          • 4.Vue-material
            • 5.Quasar
              • 6.Buefy
                • 7.Vant
                  • 8.At-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
                                          • 20.vue-datepicker
                                            • 21.vue-datepicker
                                              • 22.vue-date-picker
                                                • 23.vue-fullcalendar
                                                  • 24.vue-datepicker-simple
                                                    • 23.vue-chartjs
                                                      • 24.DataVisualization
                                                        • 25.vue-charts
                                                          • 26.vue-quill-editor
                                                            • 27.vue-chartkick
                                                              • 27.Vueditor ★138 - 所见即所得的编辑器
                                                                • 28.vue-html5-editor
                                                                  • 29.vue-simplemde
                                                                    • 30.vuwe
                                                                      • 31.cubeex
                                                                        • 32.vue-region-picker
                                                                          • 31.vue-awesome-swiper
                                                                            • 32.vue-slick
                                                                              • 32.vue-material-design
                                                                                • 33. Muse-UI
                                                                                  • 34. Uiv
                                                                                    • 35.Vuikit
                                                                                      • 36.Fish-UI
                                                                                        • 37.Framework7 Vue
                                                                                          • 38.Cube 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
                                                                                                          • 3.Vue-devtools (v 4.0)
                                                                                                            • 4.Electron-vue
                                                                                                              • 5.Vue-loader (v 13)
                                                                                                                • 6.Vuepack (v 3.0)
                                                                                                                  • 7.Codesandbox
                                                                                                                    • 8.Vuefire (v 2.0)
                                                                                                                      • 9.Vue-tetris
                                                                                                                        • 10.Vue-recyclerview
                                                                                                                          • 11.Vuex-persistedstate (v 2.0)
                                                                                                                            • 12.Vue-test-utils
                                                                                                                              • 13.Vue-meta (v 1.0)
                                                                                                                                • 14.ESLint-plugin-vue
                                                                                                                                  • 15.Vue-tables-2
                                                                                                                                    • 16.Vue-baidu-map
                                                                                                                                      • 17.vue-amap
                                                                                                                                        • 18.vue-waterfall
                                                                                                                                        • 四、一些项目
                                                                                                                                          • 1.IFmiss / vue-music
                                                                                                                                            • 2.仿豆瓣项目
                                                                                                                                              • 3.markcook
                                                                                                                                              • 参考文档:
                                                                                                                                              领券
                                                                                                                                              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档