Haytham Preloader

Haytham Preloader

About Haytham Preloader

About this Component

Create premium loading experiences with animated typography and image reveals.

This preloader starts with a customizable name animation, reveals images directly inside the text, cycles through multiple images, and finishes with a cinematic fullscreen image takeover.

Everything is customizable, including typography, colors, timing, image sequence, and animation speed.

Perfect for portfolios, creative studios, fashion websites, agencies, and premium digital experiences.

Perfect For

Creative portfolios

Agency websites

Fashion brands

Photography websites

Architecture studios

Personal websites

Landing pages

Premium digital experiences

Key Features

Animated letter-by-letter reveal

Image reveal inside the text

Multiple image cycling support

Fullscreen image takeover animation

Custom typography controls

Responsive across all screen sizes

Customizable colors and timing

Adjustable image sequence

Smooth modern motion design

No code required

How It Works

  1. Letters animate into view

  2. The image container expands

  3. Images cycle automatically

  4. The final image remains visible

  5. The image expands to fullscreen

Important Notes

The final image in the Images list becomes the fullscreen takeover image.

All images before the final image are used for the image cycling sequence.

The Split After setting determines where the image reveal appears inside the text.

If the split value exceeds the text length, the component automatically adjusts it to a valid position.

Customization Options

Custom text

Split position

Typography controls

Text color

Background color

Multiple images

Animation durations

Letter stagger timing

Fullscreen takeover speed

Image cycling speed

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.