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

