Haytham Preloader v9

About this Component

Create a cinematic first impression with an animated counter, oversized typography, layered image reveal, and a smooth transition into the page.

Haytham Reveal introduces your site with a loading counter, expanding hero frame, animated headline letters, overlay wipe, and image zoom. Once the intro finishes, scrolling is restored and the full hero image continues naturally below the first viewport.

Perfect For

Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Premium landing pages

Key Features

Animated 0–100 counter Letter-by-letter headline reveal Cinematic hero scale animation Layered overlay wipe Image zoom reveal Full-height image continuation on scroll Scroll locking during the intro Scrollbar thumb hidden during animation Responsive desktop and mobile layout Optional navigation Custom image focal position Custom typography and colors No code required

How It Works

The page is locked while the intro plays. The hero expands, the image settles, the headline letters animate in, and the overlay clears. When finished, scrolling is restored and the rest of the full-height image appears naturally as the page continues.

Important Notes

The image composition is fixed at 35vh on desktop and 50vh on mobile to preserve the intended layout.

Customization Options

Headline, hero image, image position, typography, navigation labels and links, colors, timing, hero scale, and image scale.

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.