Gallery

We Go Again

by Vanguardia · motionprompts.dev

A three-column documentary-studio film selector where a vertical thumbnail gallery on the right lets you click any item to swap the featured project. On click, GSAP animates the current title/copy/credits lines out (y:-60, power4.in, staggered) while the featured image scales up and collapses away; on completion the details are rebuilt, SplitType re-splits the copy into lines, and the new text (y:40→0, power4.out, stagger) plus image (scale 0→1, power4.out) animate in, while the full-screen blurred background crossfades between the two images.

Type: Web motion
Framework: GSAP
Trigger: click
Duration: 0.25–1s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: power4
Complexity: 2/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, SplitType

click-swapped detail panel: staggered line exit/enter, image scale, blur crossfade

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev25,145 chars

# We Go Again — Click-to-Swap Project Showcase

## Goal
Build a full-viewport, three-column creative-agency showcase. The right column is a slim, internally-scr…

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.