FLIP transition
Elements animate smoothly between different positions and sizes on the page — using the FLIP technique.
What you're seeing
A card that expands into a modal. A thumbnail that animates into a full hero.
Where you'll see it
Card-to-detail transitions, expanding modals, list-to-grid views.
Difficulty
Medium — 3/5
Libraries that build it
GSAP FLIPMotion layoutFramer Motion
Ready to prompt — paste this into your AI coding tool
"Use GSAP FLIP plugin to animate [element] from its list position to expanded modal position"