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

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

# Haytham Preloader 11

Cinematic grid-to-image reveal

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

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

## Summary

Cinematic grid-to-image reveal

## Description

**About this Component**

Create a cinematic opening sequence with a five-column image grid that builds into view and smoothly zooms toward the final composition.

Haytham Grid Reveal animates image tiles from alternating directions, creating a layered editorial reveal before the full grid scales forward for an immersive finish.

Upload your own images and customize the final zoom, animation speed, spacing, background, and image positioning directly inside Framer. Page scrolling is locked while the sequence plays and restored when the animation finishes.

Fully responsive across desktop, tablet, and mobile, with a static Canvas/export state for reliable Framer editing.

**Perfect For**

Creative portfolios Photography websites Fashion and editorial sites Agency landing pages Architecture portfolios Campaign launches Cinematic hero sections

**Key Features**

Five-column animated image grid 15 customizable images Alternating reveal directions Cinematic final grid zoom Scroll lock until completion Automatic scroll restoration Image position presets Adjustable final scale and speed Custom column and image gaps Custom background color Responsive across all breakpoints Static Canvas/export rendering No code required

**How It Works**

The columns and tiles animate into position in a staggered sequence. Once assembled, the full grid scales forward and holds its final state. Scrolling stays locked throughout and is restored when the animation finishes.

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

## Details

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