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