Must Movie Collection

This interaction showcases two key motion design patterns: a staggered grid entry and a shared element transition. Upon entering a movie collection, the grid of movie posters loads with a subtle staggered fade and slide-up animation. When the user taps a movie poster, the poster seamlessly morphs and scales up to become the hero header image on the movie's detail page, while the supporting UI elements fade and slide into place from below. This maintains spatial awareness and provides a premium feel.