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

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

# Haytham Preloader 22

Cinematic image reveal animation

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

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

## Summary

Cinematic image reveal animation

## Description

**About this Component**

Create a cinematic landing-page introduction with a fast-paced 3×3 image grid, animated loader typography, shuffled imagery, and a dramatic final hero reveal.

Haytham Grid Reveal begins with customizable loader text and project details. The image grid then reveals, rapidly cycles through your selected images, settles into its final composition, and collapses around the center image. The final center image smoothly becomes the hero.

The last image in your Image Pool automatically becomes the final hero, making setup simple and predictable.

**Perfect For**

Creative portfolios Fashion and editorial websites Photography portfolios Agency websites Artist portfolios Campaign landing pages Studio websites

**Key Features**

Animated 3×3 image grid Rapid image shuffle sequence Smooth center-image hero transition Last uploaded image becomes the hero Editable loader and project text Full Framer typography controls Custom colors and grid sizing Responsive desktop and mobile layouts Adjustable animation speed and delay Optional component-scoped scroll stopper Static renderer optimized No code required

**How It Works**

Add your images to the Image Pool and place the image you want as the final hero last. Customize the typography, project information, colors, layout, and timing directly from Framer.

**Questions?** Reach out at [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**Refund Policy**

All sales are final for this digital product. Refunds are offered only for a critical technical failure that prevents the component’s core function and cannot be reasonably resolved. Refunds are not issued for buyer’s remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical issues with evidence within 14 days of purchase.

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

-   All · #7533

## Details

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