All Projects → fengyuanchen → Vue Carousel

fengyuanchen / Vue Carousel

Licence: mit
Carousel component for Vue.js.

Projects that are alternatives of or similar to Vue Carousel

Vue Gallery
📷 Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
Stars: ✭ 405 (+181.25%)
Mutual labels:  carousel, vue-component
vue-splide
The Splide component for Vue.
Stars: ✭ 257 (+78.47%)
Mutual labels:  carousel, vue-component
Vue Slick Carousel
🚥Vue Slick Carousel with True SSR Written for ⚡Faster Luxstay
Stars: ✭ 447 (+210.42%)
Mutual labels:  carousel, vue-component
v-owl-carousel
🦉 VueJS wrapper for Owl Carousel
Stars: ✭ 46 (-68.06%)
Mutual labels:  carousel, vue-component
Vue Agile
🎠 A carousel component for Vue.js
Stars: ✭ 1,167 (+710.42%)
Mutual labels:  carousel, vue-component
Hibiscus.js
Native Angular directives for Bootstrap4
Stars: ✭ 115 (-20.14%)
Mutual labels:  carousel
Vue Number Input
Number input component for Vue.js.
Stars: ✭ 125 (-13.19%)
Mutual labels:  vue-component
Csdwheels
一套基于原生JavaScript开发的插件,无依赖、体积小
Stars: ✭ 114 (-20.83%)
Mutual labels:  carousel
Vue Schedule Calendar
日程调度日历。
Stars: ✭ 110 (-23.61%)
Mutual labels:  vue-component
Xam.plugin.simpleappintro
Just a nice and simple AppIntro for your Xamarin Forms project
Stars: ✭ 139 (-3.47%)
Mutual labels:  carousel
Vue Online
A reactive offline indicator component for vue.js
Stars: ✭ 130 (-9.72%)
Mutual labels:  vue-component
Vue Tinymce
提供给 vue 开发者使用的 TinyMCE 组件
Stars: ✭ 124 (-13.89%)
Mutual labels:  vue-component
Vue Barcode
Bar code component for Vue.js
Stars: ✭ 115 (-20.14%)
Mutual labels:  vue-component
Txcarouselview
仿新浪新闻首页重力卡片式轮播
Stars: ✭ 126 (-12.5%)
Mutual labels:  carousel
Vue Spinner Component
Vue Spinner Component
Stars: ✭ 114 (-20.83%)
Mutual labels:  vue-component
Carousel View
CarouselView for android with showing horizontal and vertical, auto scrolling (with pause/resume), slider mode/ carousel mode options
Stars: ✭ 131 (-9.03%)
Mutual labels:  carousel
Embla Carousel
A lightweight carousel library with fluid motion and great swipe precision.
Stars: ✭ 1,874 (+1201.39%)
Mutual labels:  carousel
Carouselrecyclerview
Carousel Recyclerview let's you create carousel layout with the power of recyclerview by creating custom layout manager.
Stars: ✭ 107 (-25.69%)
Mutual labels:  carousel
React Responsive Carousel
React.js Responsive Carousel (with Swipe)
Stars: ✭ 1,962 (+1262.5%)
Mutual labels:  carousel
Thorui Uniapp
ThorUI组件库,轻量、简洁的移动端组件库。组件文档地址:https://thorui.cn/doc/ 。 最近更新时间:2021-10-01
Stars: ✭ 1,842 (+1179.17%)
Mutual labels:  vue-component

vue-carousel

Build Status Coverage Status Downloads Version Gzip Size

Carousel component for Vue 3.

Main files

dist/
├── vue-carousel.js         (UMD, default)
├── vue-carousel.min.js     (UMD, compressed)
├── vue-carousel.esm.js     (ECMAScript Module)
└── vue-carousel.esm.min.js (ECMAScript Module, compressed)

Getting started

Installation

npm install vue @vue/compiler-sfc @chenfengyuan/vue-carousel

In browser:

<script src="/path/to/vue.js"></script><!-- Vue.js is required -->
<script src="/path/to/vue-carousel.js"></script>

Usage

import Vue from 'vue';
import VueCarousel from '@chenfengyuan/vue-carousel';

const app = Vue.createApp({});

app.component(VueCarousel.name, VueCarousel);
<vue-carousel :data="['Slide 1', 'Slide 2', 'Slide 3']"></vue-carousel>

Browser support

Same as Vue 3.

Versioning

Maintained under the Semantic Versioning guidelines.

License

MIT © Chen Fengyuan

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].