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