Scroll effect

Mat Voyce Scroll Animation

by Vanguardia · motionprompts.dev

A pinned scroll section (scrub over 5x viewport height, Lenis-smoothed) drives a horizontal reel of four huge italic project titles while ten rounded image cards fly toward the viewer from deep translateZ. A single ScrollTrigger onUpdate maps progress to the titles' x offset and, per card, staggers each one's Z position and scale; scroll velocity adds a springy layered x-jitter to two color copies of every title for a Mat Voyce style kinetic-type effect.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.2–0.3s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: power1
Complexity: 3/5
Pinned: yes
Reduced motion: not handled
Libraries: gsap, ScrollTrigger, lenis

pinned scrub: horizontal titles + cards flying from deep Z

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev16,258 chars

# Kinetic Type Scroll — pinned horizontal title reel + 3D fly-through cards

## Goal

Build a full-page scroll experience: a pinned section where four giant ita…

The build prompt

More like this

A one-line prompt for an inference startup launch

UX Decision Explainer Animation

Motion Design Showreel Reaction Video

SaaS launch video for a product Opus picks

Product video for Distilbook

Squad.so SaaS Launch Video

Fresh recipes, every week.