A staggered image reveal for hero sections, built for moments that need to feel alive on load.
Images cascade in one after another. On exit, they disappear in the same staggered rhythm instead of vanishing at once. Once animation is over images scatter into an organic arrangement around your text, then settle. Hover any image and it scales up smoothly, pulling focus without breaking the layout.
Use it for: portfolio heroes, agency landing pages, photography showcases, brand intros, anywhere a static grid of images would feel flat.
How to use: Drop it onto your canvas, swap in your own 7 images, and edit the text to match your content.
Note: Built for desktop and laptop screens. The layout depends on full-size images holding their aspect ratio, shrinking them down for mobile would mean tiny, cramped photos that lose the impact this component is built for. For best results, use this on desktop breakpoints only.
A staggered image reveal for hero sections, built for moments that need to feel alive on load.
Images cascade in one after another. On exit, they disappear in the same staggered rhythm instead of vanishing at once. Once animation is over images scatter into an organic arrangement around your text, then settle. Hover any image and it scales up smoothly, pulling focus without breaking the layout.
Use it for: portfolio heroes, agency landing pages, photography showcases, brand intros, anywhere a static grid of images would feel flat.
How to use: Drop it onto your canvas, swap in your own 7 images, and edit the text to match your content.
Note: Built for desktop and laptop screens. The layout depends on full-size images holding their aspect ratio, shrinking them down for mobile would mean tiny, cramped photos that lose the impact this component is built for. For best results, use this on desktop breakpoints only.
