scroll velocity · 0
active lanes · 4

Infinite Marquee

Hover to pause · Scroll to accelerate

Creative Direction Web Design Motion Interactive Branding Experience Design
DESIGN HONORS FEATURED WEB DIGITAL PRIZE CREATIVE MEDAL GLOBAL SHOWCASE INTERACTIVE AWARD FEATURED PICK DESIGN MARK
Animation Toolkit 3D Toolkit Realtime Graphics UI Library SSR Framework Smooth Scroll Transition Router Scroll Engine Utility CSS Motion Library Spline
100+ Awards ✦ 50 Countries ✦ Award Winning ✦ Featured Studio ✦ Best in Class ✦
Scroll velocity affects marquee speed ↑

The marquee runs at 30s duration by default. On scroll, JS detects scroll velocity and temporarily reduces the animation-duration to accelerate the ticker.