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

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

# Haytham Preloader v9

Cinematic hero reveal preloader

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

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

## Summary

Cinematic hero reveal preloader

## Description

**About this Component**

Create a cinematic first impression with an animated counter, oversized typography, layered image reveal, and a smooth transition into the page.

Haytham Reveal introduces your site with a loading counter, expanding hero frame, animated headline letters, overlay wipe, and image zoom. Once the intro finishes, scrolling is restored and the full hero image continues naturally below the first viewport.

**Perfect For**

Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Premium landing pages

**Key Features**

Animated 0–100 counter Letter-by-letter headline reveal Cinematic hero scale animation Layered overlay wipe Image zoom reveal Full-height image continuation on scroll Scroll locking during the intro Scrollbar thumb hidden during animation Responsive desktop and mobile layout Optional navigation Custom image focal position Custom typography and colors No code required

**How It Works**

The page is locked while the intro plays. The hero expands, the image settles, the headline letters animate in, and the overlay clears. When finished, scrolling is restored and the rest of the full-height image appears naturally as the page continues.

**Important Notes**

The image composition is fixed at 35vh on desktop and 50vh on mobile to preserve the intended layout.

**Customization Options**

Headline, hero image, image position, typography, navigation labels and links, colors, timing, hero scale, and image scale.

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

## Details

- **Author**: Hasan Wali
- **Price**: $12.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