Haytham Preloader v4

About this Component

Create cinematic editorial hero experiences with animated images and responsive typography.

The sequence begins with a fullscreen overlay, animated counter, and rolling intro labels. Images reveal into view, side images retract, the selected hero image expands, and the experience finishes with a masked title reveal.

The title fits one line on desktop and switches to two lines on smaller breakpoints.

Perfect For

Creative portfolios

Fashion websites

Photography websites

Agency websites

Creative studios

Landing pages

Key Features

Animated image sequence

Selectable hero image

Fullscreen loading overlay

Animated counter

Rolling intro labels

Masked title reveal

Automatic desktop title fitting

Two-line responsive title

Custom navigation

Responsive image support

Image focal point controls

Scroll locking

No code required

How It Works

The loading overlay appears

Images animate into view

Side images retract

The hero image scales forward

The overlay reveals away

The title animates into position

Important Notes

Set Hero Image to 0 to use the middle image automatically.

Add up to 7 images.

Breakpoint controls when the title switches to two lines.

Title Size controls the smaller-breakpoint title size.

Customization Options

Custom title

Navigation links

Intro labels

Responsive images

Hero image selection

Fonts and colors

Responsive spacing

Image size, ratio, fit, and focal point

Hero image scale

Animation speed

Start delay

Scroll locking

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