---
title: "Haytham Preloader v2 — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Hasan Wali · Loaders. Cinematic image reveal preloader"
canonical: "https://framer.elliotli.dev/component/haytham-preloader-v2"
---

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

# Haytham Preloader v2

Cinematic image reveal preloader

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

![Haytham Preloader v2 preview image 1](https://framer.elliotli.dev/og/component/haytham-preloader-v2/02b0038ef5fb372d/1600x1200.jpg)

## Summary

Cinematic image reveal preloader

## Description

## About this Component

Create a premium loading experience with animated typography, layered image reveals, a progress bar, and a cinematic page transition.

Haytham Preloader animates your name into view, reveals a sequence of images, reduces the title to a custom two-letter mark, then reveals the page underneath. Typography, imagery, colors, spacing, timing, and animation settings are customizable directly in Framer.

Perfect for portfolios, agencies, fashion brands, photographers, architecture studios, personal websites, and premium landing pages.

## Key Features

Animated letter-by-letter name reveal

Layered image sequence

Animated progress bar

Custom supporting text

Custom two-letter final mark

Name and final-letter spacing controls

Custom typography and colors

Adjustable animation timing

Optional post-reveal hero text

Scroll-lock controls

Responsive across desktop, tablet, and mobile

No code required

## Important Notes

Final Letters determines which two non-space characters remain.

For “Haytham Wali,” 0 = H and 7 = W.

HW Gap controls spacing between the final letters.

Name Spacing controls spacing for the animated name.

Image width and height can be adjusted independently.

Place the component once on the page where the preloader should run.

## Customization

Name, typography, letter spacing, supporting copy, images, image size, colors, animation timing, letter motion, final mark, scroll locking, and optional reveal text.

Questions? Reach out at [hasanwali6890@gmail.com](mailto: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.

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

-   All · #4929

## Details

- **Author**: Hasan Wali
- **Price**: $12.00
- **Published**: 2026-08-12
- **Updated**: 2026-09-22
- **Added**: 2026-08-12
- **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