Infinite loop swiper

Showcase client logos, testimonials and many other possibilities with a infinite looping slider

Trusted by

You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.

Paste this before <body> in project settings

<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper('.trusted-by-swiper',{
spaceBetween: 40,
grabCursor: true,
a11y: false,
freeMode: true,
speed: 11000,
loop: true,
slidesPerView: "auto",
autoplay: {
delay: 0.5,
disableOnInteraction: false,
},
breakpoints: {
0: { /* when window >=0px - webflow mobile landscape/portriat */
spaceBetween: 30,
},
480: { /* when window >=0px - webflow mobile landscape/portriat */
spaceBetween: 30,
},
767: { /* when window >= 767px - webflow tablet */
spaceBetween: 40,
},
992: { /* when window >= 988px - webflow desktop */
spaceBetween: 40,
}
},
});
</script>

Paste this inside <html> tag in project settings

<style>
/*Add code for smooth scrolling*/
.trusted-by-list {
-webkit-transition-timing-function:linear!important;
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important;
}
</style>