Scroll effect

Ingamana Scroll Animation

by Vanguardia · motionprompts.dev

A 10-row project grid whose rows expand from 125% to 500% width (250% to 750% on mobile) based on each row's individual scroll progress through the viewport, producing a continuous zoom-in on the images as you scroll. Driven by a gsap.ticker callback reading window.scrollY (no ScrollTrigger) with Lenis smooth scroll; the section height is pre-computed for the fully expanded state.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.25–0.25s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap+raf
Complexity: 1/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, lenis

linear per-row width expansion (125%→500%; 250%→750% below 1000px viewport) mapped straight from document scrollY with no easing or inertia of its own, recomputed for all 10 rows on every gsap.ticker frame; Lenis supplies the only smoothing

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev21,002 chars

# Ingamana Scroll Animation

## Goal
Build a long scroll page: a full-screen intro, then a **10-row image grid**, then a full-screen outro. The signature effect…

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.