Haytham Preloader 13

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.