Loading repository data…
ismail9k / repository
A highly customizable, lightweight Vue 3 carousel component for your next awesome project.
# npm
npm i vue3-carousel
# yarn
yarn add vue3-carousel
# pnpm
pnpm install vue3-carousel
<script setup>
// If you are using PurgeCSS, make sure to whitelist the carousel CSS classes
import 'vue3-carousel/carousel.css'
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
const carouselConfig = {
itemsToShow: 2.5,
wrapAround: true
}
</script>
<template>
<Carousel v-bind="carouselConfig">
<Slide v-for="slide in 10" :key="slide">
<div class="carousel__item">{{ slide }}</div>
</Slide>
<template #addons>
<Navigation />
<Pagination />
</template>
</Carousel>
</template>
Visit our documentation website for detailed usage and examples:
For Nuxt users, check out vue3-carousel-nuxt module.
Selected from shared topics, language and repository description—not editorial ratings.
paytonshaltis /
🚂 Freighter is a highly-customizable HTML carousel library featuring a number of dynamic properties affecting carousel items and transitions. Most prominently, it gives complete control over the resizing method (for responsive layouts) as well as the wrapping method (for content display).