scrollvars / fx

docs · demo · bench · llms.txt

fx — copy-paste effects

Award-site patterns as Tailwind + CSS you can actually paste — no 47 KB tax. Each effect ships three formats and full knobs. Machine-readable: llms.txt.

Reveals

Staggered revealChildren rise in sequence when the section enters the viewport. Deck spreadA centered card deck deals itself into the grid — on arrival or scrubbed.

Pinned scenes

CurtainTwo panels slide apart as you scroll through a pinned stretch. Horizontal railVertical scroll travels a horizontal track through a pinned stage. Sequenced scrubEach child animates over its own slice of the pin — choreography without a timeline.

Text

Rotating wordsOne word exits up, the next rises from below — a clipped column on one variable.

Pointer

Pointer tiltCards tilt toward the cursor with a moving glare — one delegated listener.

Sliders

Coverflow sliderNative-scroll carousel; slides scale, fade and turn by their distance from center. MarqueeAn infinite strip — logos, taglines — that pauses on hover.

Growing over time. Engine + 28-pattern showcase: scrollvars.dev · benchmarks: /bench/