About this Component
Create a cinematic image-grid entrance that transforms into a fullscreen reveal.
Haytham Grid Reveal starts with six alternating image columns sliding into view. The grid expands until two center images remain, then after a customizable pause, the featured image takes over the full frame while the title animates into place.
Scrolling stays locked during the sequence and returns once the reveal is complete.
Perfect For
Creative portfolios Fashion and editorial websites Photography showcases Agency landing pages Campaign launches Premium hero sections
Key Features
18-image animated grid Alternating column entrance Two-image transition state Fullscreen featured-image reveal Animated two-part title Responsive title sizing Image fit and focal controls Custom colors and typography Adjustable grid scale Entry timing and stagger controls Custom final reveal delay Custom final reveal duration Scroll locked until animation completes Responsive across desktop, tablet, and mobile No code required
How It Works
The columns enter, settle into a centered grid, then move outward to isolate the two center images. Final Delay controls how long this state remains visible. Final Duration controls how quickly the featured image expands fullscreen.
Customization Options
Upload all 18 images, adjust image fit and position, edit both title words, customize typography and sizing, change colors, tune grid scale, and control animation timing directly in Framer.
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 image-grid entrance that transforms into a fullscreen reveal.
Haytham Grid Reveal starts with six alternating image columns sliding into view. The grid expands until two center images remain, then after a customizable pause, the featured image takes over the full frame while the title animates into place.
Scrolling stays locked during the sequence and returns once the reveal is complete.
Perfect For
Creative portfolios Fashion and editorial websites Photography showcases Agency landing pages Campaign launches Premium hero sections
Key Features
18-image animated grid Alternating column entrance Two-image transition state Fullscreen featured-image reveal Animated two-part title Responsive title sizing Image fit and focal controls Custom colors and typography Adjustable grid scale Entry timing and stagger controls Custom final reveal delay Custom final reveal duration Scroll locked until animation completes Responsive across desktop, tablet, and mobile No code required
How It Works
The columns enter, settle into a centered grid, then move outward to isolate the two center images. Final Delay controls how long this state remains visible. Final Duration controls how quickly the featured image expands fullscreen.
Customization Options
Upload all 18 images, adjust image fit and position, edit both title words, customize typography and sizing, change colors, tune grid scale, and control animation timing directly in Framer.
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
