Skip to main content


This is a plugin to sync two Carousels, making one Carousel as navigation for another.

Example (demo):

const mainCarousel = new Carousel(document.querySelector("#mainCarousel"), {  Dots: false,});
const navCarousel = new Carousel(document.querySelector("#navCarousel"), {  Sync: {    target: mainCarousel,  },
  Dots: false,  Navigation: false,
  infinite: false,  center: true,  slidesPerPage: 1,});


target {Object}#

Carousel instance that will be used as target.

friction {Number}#

Carousel sliding animation friction. Default: 0.92