奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > vue面试通 > 开源框架 >

中文vue前端组件资源

时间:2018-04-11 20:55来源: 作者:史密斯
前端组件库并展示组件Demo,提供快速上手指南——堪称vue资源的百小生
组件库
vuetify
vuetify
综合实力首推
一个高品质综合实用性、体验、格调的框架
Vux
Vux
国内S级移动组件库
久经沙场实践考验,对微信兼容性好,组件全面,性能与体验平衡
vuesax
灵动的小组件库
有若干常用组件,但有着非常美妙的色彩和反馈效果,充满活力与灵气
布局
vue-waterfall
vue-waterfall
瀑布流布局组件
重新排布的小效果挺好,还可以替换成自己的效果样式
vue-fullpage
vue-fullpage
整屏滚动
整屏翻页和与之相关的功能
图标
Vue-Awesome
Vue-Awesome
FontAwesome 4.7
方便顺手的引入Font Awesome图标组件
vue-fontawesome
vue-fontawesome
FontAwesome 5
引入Font Awesome图标组件,并有ICON相关功能
效果
vue-touch-ripple
vue-touch-ripple
ripple点击反馈效果
比较平衡自然的点击体验
vue-word-cloud
vue-word-cloud
文字墙
很有气场的文字墙效果,重排效果很赞
surface-shader
surface-shader
岩壁效果
直译过来是“平面着色器”,通过灰度差和几何图形实现着色效果
vue-sticker
vue-sticker
揭开效果
适合隐匿网页彩蛋
status-indicator
status-indicator
泛光的圆点
可起弱强调作用
Textra
Textra
优雅的提词器
 
canvas动效两例
canvas动效两例
 
两枚背景效果组件,有烘托气氛作用
拖动排布
Vue.Draggable
Vue.Draggable
卡片拖动排序
用户以拖动的方式对单组或多组卡片进行排列
vue-slicksort
vue-slicksort
丝滑效果的卡片拖动
触屏友好、丝滑反馈动效、可混合到自定义控件中
vue-js-grid
vue-js-grid
活泼动效的拖动排序
精致动效
vue-grid-layout
vue-grid-layout
粘性拖动排布
通过拖动为一堆卡片安排位置
dnd-grid
dnd-grid
灵活拖动排布
拖动卡片灵活排布,并能位动修改卡片尺寸
图表
vue-charts
vue-charts
Google Charts组件封装
对Google Charts组件的vue封装之一
vue-chartjs
vue-chartjs
Chart.js组件封装
对Chart.js组件的vue封装之一
vue-echarts
echarts组件封装
echarts是图表界公认国产尚品,这个vue的封装也充满诚意
vue-d3-network
vue-d3-network
节点链接图
基于d3的节点链接图,丰富可定制
Vue.D3.tree
Vue.D3.tree
树状展示
基于d3的树状展示封装,有非常惊艳的交互反馈体验,极度优雅的空间分布
vue-mindmap
vue-mindmap
脑图展示
也有人称其为思维导图
轮播
awesome-swiper
awesome-swiper
swiper的组件封装
swiper是大名鼎鼎的老牌轮播组件,本封装建立在4版上,支持SSR
Loading
vue-radial-progress
vue-radial-progress
圆环状进度效果
高光效果,易用,支持ssr
epic-spinners
epic-spinners
Loading素材若干
纯加载svg素材若干
富文本编辑
vue-quill-editor
vue-quill-editor
quill的封装组件
quill是老牌编辑器,此组件支持ssr
vue-tinymce-editor
vue-tinymce-editor
tinymce的封装组件
tinymce是知名的编辑器,此组件是对它很方便的一个引入方式
vue-codemirror
vue-codemirror
代码编辑器
极度代码友好的编辑器,支持ssr
表格
ag-grid-vue
ag-grid-vue
ag-Grid的封装组件
ag-Grid是超重型表格组件,适合生产力型表格数据管理场景
vue-easytable
vue-easytable
国产多功能表格精品
包含一系列重要能力:单元格合并、单元格编辑、多表头固定、多列固定...,支持ssr
tooltip
菜单
vue-quick-menu
vue-quick-menu
优雅的主按钮
在手机和电脑上都会有美好的体验
日历
vue-calendar
vue-calendar
清爽的日历组件
通用型日历组件,可标识节日
vue-event-calendar
vue-event-calendar
国产日历看板
可瞬间设置多国本地化,可惜固定带看板,只适合简单展示日常安排场景
vue-simple-calendar
vue-simple-calendar
重型日历
有丰富功能的通用日历
日期时间选择
v-calendar
v-calendar
清爽漂亮日期选择
最棒的日期选择+日历组件
vue-datepicker
vue-datepicker
日期时间选择器
样式大气可选时间点
jLunar-datePicker
jLunar-datePicker
显示农历的时期选择器
在选择日期的时候能看到对应的农历
输入
vue-input-tag
vue-input-tag
标签输入组件
 
slider-component
slider-component
武装到牙齿的滑块选择器
 
vue-color
vue-color
颜色选择器
 
toggle-button
toggle-button
好用好看的切换按钮
 
地图
vue-amap
vue-amap
高德地图
 
vue-baidu-map
vue-baidu-map
百度地图
 
其它
vue-pull-to
vue-pull-to
上拉加载+下拉刷新
还有无限滚动等触摸友好的支持组件
vue-tour
vue-tour
快速制作页面一游,完成界面介绍的目的
 
vue-qriously
vue-qriously
二维码展示
把字符以二维码方式展示的组件
drag-verify
drag-verify
滑动验证

(责任编辑:admin)
顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2018-09-02 11:09

关注奔三路