Skip to content
MotionLab
02

Scroll Hub

Pinning, parallax, split text, SVG drawing and scroll-scrubbed timelines.

Pinned Horizontal Panels

Vertical scroll drives a horizontal track of panels, with nested per-panel animations.

GSAPScrollTriggerLenis

SplitText Reveals

Char, word and line reveals with masks, plus skew driven by scroll velocity.

GSAPSplitTextScrollTrigger

Himalayan Parallax

Sunrise over the Himalaya: five mountain ranges moving at five scroll speeds.

GSAPScrollTrigger

Zoom-on-Scroll Reveal

A small framed image expands to full-bleed while the headline splits apart.

GSAPScrollTrigger

Highlight Fill

Paragraph words light up one by one as you read, with a marker highlight on key phrases.

GSAPSplitTextScrollTrigger

Kinetic Marquee

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

GSAPScrollTrigger

SVG Path Drawing

A route traces itself as you scroll, with a progress indicator and waypoint pops.

GSAPDrawSVGScrollTrigger

SVG Shape Morphing

Circle → star → blob → polygon, scrubbed by scroll with MorphSVG.

GSAPMorphSVGScrollTrigger

Flip Layout Grid

Switch grid ↔ list and filter categories; GSAP Flip animates every item to its new box.

GSAPFlip

Stacking Cards

Sticky cards that scale down and dim as the next one slides over them.

GSAPScrollTriggerCSS

Observer Fullscreen Slides

Wheel, touch and keys step through full-screen slides with one normalised gesture API.

GSAPObserverSplitText

Text Scramble / Decode

Hacker-style decode effects with ScrambleText — on hover, on load and on a loop.

GSAPScrambleText

Apple-Style Frame Scrub

96 pre-rendered frames drawn to canvas and scrubbed by scroll position, with text beats.

GSAPScrollTriggerCanvas 2D