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

site profile thumbnail
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