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

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

# Haytham Preloader v6

Cinematic Image Preloader

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

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

## Summary

Cinematic Image Preloader

## Description

**About this Component**

Create a cinematic loading experience with an animated 0–100% counter, progress bar, stacked image reveals, and a smooth final zoom.

Haytham Image Loader turns the first seconds of a visit into a polished introduction. The counter rolls through its digits as the progress bar advances, then your images reveal in sequence before the loader transitions away.

**Perfect For**

Creative portfolios Fashion websites Photography portfolios Agencies and studios Architecture websites Premium landing pages

**Key Features**

Animated 0–100% rolling counter Sequential image reveals Animated progress bar Smooth final image zoom Up to 7 custom images Custom counter typography and sizing Adjustable counter position and spacing Custom colors and image fit Adjustable duration and image stagger Page scroll locking Optional visible scrollbar while locked Responsive across desktop, tablet, and mobile No code required

**How It Works**

Add your images, customize the settings, and place the component on the page. On load, the counter and progress sequence runs automatically, the images reveal one after another, and the final image scales as the loader exits.

**Important Notes**

Use it as a page-opening loader and give the component enough space to cover the visible page area.

Customization Options

Images, image fit, final zoom, colors, counter font, size, digit step, mask height, Y position, padding, gap, bar height, duration, image stagger, scroll lock, and scrollbar behavior.

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

## Details

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