---
title: "Haytham Preloader 20 — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Hasan Wali · Loaders. Rolling counter image preloader"
canonical: "https://framer.elliotli.dev/component/haytham-preloader-20"
---

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

# Haytham Preloader 20

Rolling counter image preloader

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

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

## Summary

Rolling counter image preloader

## Description

**About this Component**

Create a bold first impression with a cinematic preloader combining a rolling 000–100 counter, stacked media reveals, and a smooth corner-to-corner image transition.

Haytham Count Reveal introduces your site with an animated three-column counter while images scale into view from the top-left. Once the sequence completes, the cards pulse and travel into a clean bottom-right stack before scrolling is released.

Use your own images, choose an optional image or video for the final top card, and customize colors, counter typography, card proportions, spacing, timing, stagger, pulse amount, and positioning directly inside Framer.

The counter is fully responsive with controls for mask height, vertical offset, and digit spacing for precise breakpoint tuning.

**Perfect For**

Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Landing pages Premium brand experiences

**Key Features**

Animated 000–100 rolling counter Stacked image reveal sequence Optional image or video top card Responsive counter sizing Mask height, Y offset, and digit gap controls Custom Framer typography Adjustable card sizing and aspect ratio Custom colors and corner radius Reveal and movement stagger controls Adjustable pulse animation Scoped scroll stopping during the intro Static Canvas and export rendering Responsive across desktop, tablet, and mobile No code required

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

## Details

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