About this Component
Create a cinematic fullscreen preloader with animated bars, moving marquee text, and a layered center image reveal.
Haytham Hero Loader introduces your page with a staggered five-bar animation while custom text travels across the screen and a chosen image scales into view. Once the sequence finishes, the loader clears away to reveal the page underneath.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography websites Product launches Landing pages
Key Features
Fullscreen animated preloader Five-bar staggered reveal Animated marquee text Custom center image Layered image animation Custom typography and colors Adjustable image width, height, and scale Adjustable marquee repeats Optional automatic hide Built-in page scroll locking Responsive across desktop, tablet, and mobile No external dependencies No code required
How It Works
The loader covers the viewport and can temporarily lock page movement. The bars reveal in sequence as the marquee moves across the screen and the center image animates into view. When the intro ends, scrolling is restored and the loader can automatically disappear.
Important Notes
Use one instance per page. The animation plays in Preview and on the published site while the Framer Canvas remains static.
Customization Options
Customize the image, marquee text, repeats, typography, colors, image sizing, scale, auto hide, scroll lock, and z-index 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 fullscreen preloader with animated bars, moving marquee text, and a layered center image reveal.
Haytham Hero Loader introduces your page with a staggered five-bar animation while custom text travels across the screen and a chosen image scales into view. Once the sequence finishes, the loader clears away to reveal the page underneath.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography websites Product launches Landing pages
Key Features
Fullscreen animated preloader Five-bar staggered reveal Animated marquee text Custom center image Layered image animation Custom typography and colors Adjustable image width, height, and scale Adjustable marquee repeats Optional automatic hide Built-in page scroll locking Responsive across desktop, tablet, and mobile No external dependencies No code required
How It Works
The loader covers the viewport and can temporarily lock page movement. The bars reveal in sequence as the marquee moves across the screen and the center image animates into view. When the intro ends, scrolling is restored and the loader can automatically disappear.
Important Notes
Use one instance per page. The animation plays in Preview and on the published site while the Framer Canvas remains static.
Customization Options
Customize the image, marquee text, repeats, typography, colors, image sizing, scale, auto hide, scroll lock, and z-index 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
