Marquee

One engine, four personalities. Children of the target element become the strip; the engine clones them to cover any viewport and drives a single modulo-wrapped transform loop. The panel controls the first strip — try the presets. The logo strip is draggable (throw it). Scroll the page fast and the giant band speeds up with your scroll velocity (scrollVelocityBoost).

01 · classic — text strip, hover to pause

Design Development Motion Strategy Identity

02 · drag-inertia — grab the strip and throw it

Orbita Vertex Stratum Kompas Halvmåne Hexal

03 · giant-type — display band, boosted by scroll velocity

Made to move —

Engine: Marquee.init(el, options) →

pause() / resume() /
    setSpeed() / set() / refresh() / destroy()

. Seamless at any width — resize the window and the strips rebuild their clones at the same normalized progress. With prefers-reduced-motion the strips hold still; dragging still works.