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

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

# Haytham Preloader 12

Cinematic image loader reveal

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

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

## Summary

Cinematic image loader reveal

## Description

**About this Component**

Create a cinematic loading experience with an animated percentage counter, stacked image sweeps, bold typography, and a smooth hero reveal.

Haytham Image Loader combines a responsive counter, layered image motion, and a text transition before revealing your hero image underneath.

Large typography automatically fits the available width to stay centered and unclipped across desktop, tablet, and mobile. Customize images, text, fonts, colors, image count, sizing, mask height, spacing, independent image and counter positions, hero zoom, and scroll behavior directly in Framer.

**Perfect For**

Creative portfolios Agency and studio websites Fashion and editorial sites Photography portfolios Architecture websites Personal brands Premium landing pages

**Key Features**

Animated percentage counter Stacked image sweep sequence Animated loader text Cinematic hero reveal Responsive auto-fitting typography Independent image and counter positioning Adjustable text reveal mask Custom counter and text typography Custom colors and imagery Adjustable image count and sizing Adjustable hero start scale Optional page scroll lock Automatic scroll restoration Static Canvas/export rendering Responsive across all breakpoints No code required

**How It Works**

The counter progresses to 100%, followed by layered image motion and an animated text reveal. The loader then fades away as the hero image scales into place. When Scroll Lock is enabled, scrolling is restored automatically after the reveal.

**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 · #8376

## Details

- **Author**: Hasan Wali
- **Price**: $8.00
- **Published**: 2026-08-18
- **Updated**: 2026-08-18
- **Added**: 2026-08-18
- **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