About this Component
Create a cinematic loading experience with an animated percentage counter, stacked image sweeps, bold typography, and a smooth hero reveal.
Haytham Image Loader combines a responsive counter, layered image motion, and a text transition before revealing your hero image underneath.
Large typography automatically fits the available width to stay centered and unclipped across desktop, tablet, and mobile. Customize images, text, fonts, colors, image count, sizing, mask height, spacing, independent image and counter positions, hero zoom, and scroll behavior directly in Framer.
Perfect For
Creative portfolios Agency and studio websites Fashion and editorial sites Photography portfolios Architecture websites Personal brands Premium landing pages
Key Features
Animated percentage counter Stacked image sweep sequence Animated loader text Cinematic hero reveal Responsive auto-fitting typography Independent image and counter positioning Adjustable text reveal mask Custom counter and text typography Custom colors and imagery Adjustable image count and sizing Adjustable hero start scale Optional page scroll lock Automatic scroll restoration Static Canvas/export rendering Responsive across all breakpoints No code required
How It Works
The counter progresses to 100%, followed by layered image motion and an animated text reveal. The loader then fades away as the hero image scales into place. When Scroll Lock is enabled, scrolling is restored automatically after the reveal.
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 loading experience with an animated percentage counter, stacked image sweeps, bold typography, and a smooth hero reveal.
Haytham Image Loader combines a responsive counter, layered image motion, and a text transition before revealing your hero image underneath.
Large typography automatically fits the available width to stay centered and unclipped across desktop, tablet, and mobile. Customize images, text, fonts, colors, image count, sizing, mask height, spacing, independent image and counter positions, hero zoom, and scroll behavior directly in Framer.
Perfect For
Creative portfolios Agency and studio websites Fashion and editorial sites Photography portfolios Architecture websites Personal brands Premium landing pages
Key Features
Animated percentage counter Stacked image sweep sequence Animated loader text Cinematic hero reveal Responsive auto-fitting typography Independent image and counter positioning Adjustable text reveal mask Custom counter and text typography Custom colors and imagery Adjustable image count and sizing Adjustable hero start scale Optional page scroll lock Automatic scroll restoration Static Canvas/export rendering Responsive across all breakpoints No code required
How It Works
The counter progresses to 100%, followed by layered image motion and an animated text reveal. The loader then fades away as the hero image scales into place. When Scroll Lock is enabled, scrolling is restored automatically after the reveal.
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
