---
title: "Haytham Preloader — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Hasan Wali · Loaders. Fullscreen Image Loading Animation"
canonical: "https://framer.elliotli.dev/component/haytham"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Haytham Preloader

# Haytham Preloader

Fullscreen Image Loading Animation

[View on Framer](https://framer.com/marketplace/components/haytham/?via=elliot-li)

![Haytham Preloader preview image 1](https://framer.elliotli.dev/og/component/haytham/ca748fb43c48d877/1600x1200.jpg)

## Summary

Fullscreen Image Loading Animation

## Description

## 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](mailto:reem@ireem.net)

**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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1519

## Details

- **Author**: Hasan Wali
- **Price**: $7.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-06-01
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story