Infinite Draggable Marquee With Stop On Hover (No Code, Attributes-Only Solution)

This time, we'll see how to implement an Infinite Draggable Marquee with Stop on Hover!
We combine the flexibility of Splide.js with custom enhancements, bringing you a fully configurable, no-code marquee experience in Webflow. ๐
โ
Set animation speed and direction
โ
Smooth pause and resume on hover
โ
Draggable functionality (optional)
โ
Fully customizable active slide styling
โ
Different speeds per breakpoint
โ
CMS-ready setup
โ
Multiple marquees on the same page
โ
Accessibility improvements built-in
And the best part? You donโt need to write a single line of code โ everything is handled through simple attributes inside the Webflow Designer.
Splide.js powers the foundation, and Iโve extended it to make it even easier and more powerful for your Webflow projects.
๐ Watch on YouTube: https://youtu.be/nsmPAQzisow
๐ Helpful Resources:
- Supasaito: https://www.supasaito.com/en