Haytham Preloader v6

About this Component

Create a cinematic loading experience with an animated 0–100% counter, progress bar, stacked image reveals, and a smooth final zoom.

Haytham Image Loader turns the first seconds of a visit into a polished introduction. The counter rolls through its digits as the progress bar advances, then your images reveal in sequence before the loader transitions away.

Perfect For

Creative portfolios Fashion websites Photography portfolios Agencies and studios Architecture websites Premium landing pages

Key Features

Animated 0–100% rolling counter Sequential image reveals Animated progress bar Smooth final image zoom Up to 7 custom images Custom counter typography and sizing Adjustable counter position and spacing Custom colors and image fit Adjustable duration and image stagger Page scroll locking Optional visible scrollbar while locked Responsive across desktop, tablet, and mobile No code required

How It Works

Add your images, customize the settings, and place the component on the page. On load, the counter and progress sequence runs automatically, the images reveal one after another, and the final image scales as the loader exits.

Important Notes

Use it as a page-opening loader and give the component enough space to cover the visible page area.

Customization Options

Images, image fit, final zoom, colors, counter font, size, digit step, mask height, Y position, padding, gap, bar height, duration, image stagger, scroll lock, and scrollbar behavior.

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.