About this Component
Create a cinematic first impression with a five-image preloader that flows from a loading bar into a sweeping image sequence and finishes with the center image expanding into a full hero.
Haytham Hero Reveal is built for portfolios, agencies, fashion sites, photography, product launches, and premium landing pages. Upload five images, customize the loader, spacing, scale, rotations, corner radius, image fit, focal position, and every stage of the animation directly inside Framer.
Perfect For
Creative portfolios Agency websites Fashion & editorial sites Photography Product launches Premium landing pages
Key Features
Five-image cinematic reveal Center image expands into the final hero Animated loading bar and overlay transition Individual image rotation controls Adjustable intro scale and spacing Custom image fit and focal position Intro and final corner radius controls Full timing controls for every animation stage Optional component-scoped scroll stopper Responsive across desktop, tablet, and mobile Static-renderer optimized for Framer Canvas and export No code required
How It Works
The loader fills and retracts, the overlay opens, five images slide into a centered row, then the outer images move away while the middle image expands smoothly to fill the component.
For best results, use the component at full viewport size when Scroll Stopper is enabled.
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.
