1541

Grok Pull Down to Go Back Interaction

Grok Pull Down to Go Back Interaction

This interaction showcases a seamless transition between a grid gallery and a full-screen detail view. Tapping an image card expands it to full screen. To dismiss, the user drags the card downwards. As the card is pulled, it scales down, increases its corner radius, and reveals the underlying grid, which scales up and fades in. Releasing the card triggers a spring-loaded snap animation that returns the card precisely to its original slot in the grid, maintaining spatial consistency.