MotionVideo

Search MotionVideo

Search videos, creators, tools, creatives…

← All prompts

Customize: Staggered UI card animation

The prompt comes from a post by fleyta. Watch the video

Make it yours

Everything is optional. Your details stay in this browser and carry over to the next prompt.

Dials

Your prompt

The highlighted part at the end is added from your details and dials. Where it disagrees with the prompt, it wins.

Build a GSAP timeline for UI cards with specific timing constraints: 280ms for cards, 220ms for title, 160ms for metadata, and a 60ms stagger between elements. Implement a verification loop where the animation is stepped through frame-by-frame using Playwright, screenshots are compared to detect overshoot or errors, and the code is patched until it passes the checks without rewriting everything.

For best results, run it with Claude Opus 5.5.