BrillianceTechWebsites
The Design Studio

Gallery pattern

Repeating Image Transition

Clicking a thumbnail sends a trail of copies flying into the full view.

This is the real effect, not a video. Scroll, drag and click inside it.

Open it full screen as its own website

The Repeating Image Transition turns a click into a piece of choreography. Pick a listing and the photograph appears to tear across the screen in a trail of copies, arriving as a full detail view with the text sliding up beside it. It takes about a second, and it is the second most memorable thing on the page after the work itself.

When to use it

Built here for a property developer, it fits any catalogue where each item deserves a proper page of its own: homes, venues, case studies, artists, menu collections. It wants six to twelve items and one strong photograph each, since the transition puts that photograph under a spotlight.

Why it works

Most galleries make the visitor lose their place when a modal appears from nowhere. Here the movement explains itself, because the visitor watches their chosen image travel from the grid into the detail view, so they always understand where they are and how to get back. It is the rare flourish that makes a page easier to use rather than harder.

Best for

Property and real estateVenues and spacesCase study librariesEditorial catalogues