Gallery pattern
Scroll Morph Hero
A ring of images that rotates, breathes and morphs into a full grid as you scroll.
This is the real effect, not a video. Scroll, drag and click inside it.
The Scroll Morph Hero opens with sixteen small images orbiting a central headline. As the visitor scrolls, the ring rotates and breathes, then every tile flies outward and lands in a full screen grid. One gesture carries the visitor from brand statement to complete portfolio.
When to use it
Use it when the landing page itself should demonstrate craft: AI products, design tools, studios and startups that sell polish. It asks for sixteen decent images and a story worth the theatre, so keep it for the homepage rather than inner pages.
Why it works
It choreographs the two things a hero must do, say the line and show the work, into a single continuous motion. Scrubbed animation tracks the scrollbar in both directions, so visitors play the transition back and forth like a video they control, and that little loop of play makes the brand stick.