About this Component
Create a cinematic opening sequence with a five-column image grid that builds into view and smoothly zooms toward the final composition.
Haytham Grid Reveal animates image tiles from alternating directions, creating a layered editorial reveal before the full grid scales forward for an immersive finish.
Upload your own images and customize the final zoom, animation speed, spacing, background, and image positioning directly inside Framer. Page scrolling is locked while the sequence plays and restored when the animation finishes.
Fully responsive across desktop, tablet, and mobile, with a static Canvas/export state for reliable Framer editing.
Perfect For
Creative portfolios Photography websites Fashion and editorial sites Agency landing pages Architecture portfolios Campaign launches Cinematic hero sections
Key Features
Five-column animated image grid 15 customizable images Alternating reveal directions Cinematic final grid zoom Scroll lock until completion Automatic scroll restoration Image position presets Adjustable final scale and speed Custom column and image gaps Custom background color Responsive across all breakpoints Static Canvas/export rendering No code required
How It Works
The columns and tiles animate into position in a staggered sequence. Once assembled, the full grid scales forward and holds its final state. Scrolling stays locked throughout and is restored when the animation finishes.
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.
About this Component
Create a cinematic opening sequence with a five-column image grid that builds into view and smoothly zooms toward the final composition.
Haytham Grid Reveal animates image tiles from alternating directions, creating a layered editorial reveal before the full grid scales forward for an immersive finish.
Upload your own images and customize the final zoom, animation speed, spacing, background, and image positioning directly inside Framer. Page scrolling is locked while the sequence plays and restored when the animation finishes.
Fully responsive across desktop, tablet, and mobile, with a static Canvas/export state for reliable Framer editing.
Perfect For
Creative portfolios Photography websites Fashion and editorial sites Agency landing pages Architecture portfolios Campaign launches Cinematic hero sections
Key Features
Five-column animated image grid 15 customizable images Alternating reveal directions Cinematic final grid zoom Scroll lock until completion Automatic scroll restoration Image position presets Adjustable final scale and speed Custom column and image gaps Custom background color Responsive across all breakpoints Static Canvas/export rendering No code required
How It Works
The columns and tiles animate into position in a staggered sequence. Once assembled, the full grid scales forward and holds its final state. Scrolling stays locked throughout and is restored when the animation finishes.
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.
Hasan Wali
