Gallery

Photo Dump Scroll Scatter

by Vanguardia · motionprompts.dev

A pinned photo-dump gallery for a photo studio archive: 15 randomly rotated print-style photo cards scattered in a ring around a centered serif chapter heading. The section pins for 6 viewport heights of scroll split into 4 chapters (still life, location, studies, portraits); on each chapter change the current cards fly out to their nearest screen edge (power2.in) while 15 cards from the next set fly in from the edges (power2.out, 0.5s overlap) and the heading cross-fades. Built with GSAP ScrollTrigger pinning and Lenis smooth scroll.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.5–0.75s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

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

pinned scroll-quantized card scatter swap — no scrub, no inertia: progress buckets at 0/.25/.5/.75 fire discrete 1.25s eased left/top/rotation tweens that fling 15 cards to the nearest viewport edge (power2.in) while 15 new ones fly in from an edge to a radial-random ring (power2.out, offset 0.5s)

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev23,706 chars

# Photo Dump Scroll Scatter — Pinned Ring of Cards that Fly In and Out

## Goal
Build a full-screen, pinned "photo dump" gallery. A dark section pins in place f…

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.