Skip to content
MotionLab

Kinetic Marquee

Infinite running text that speeds up and reverses with scroll direction.

sketchGSAPScrollTrigger

How it works

Seamless loop = content duplicated once, xPercent -50 repeat -1. ScrollTrigger onUpdate sets timeScale from velocity, then eases back.

Performance

A single tween per row; timeScale changes are free.

Accessibility & reduced motion

Paused in reduced-motion mode and has a pause button (WCAG 2.2.2).

Playgroundcustom
Export
{
  "speed": 20,
  "boost": 4
}