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

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

# Haytham Preloader v5

Cinematic counter preloader reveal

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

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

## Summary

Cinematic counter preloader reveal

## Description

**About this Component**

Create a bold, cinematic loading experience with a rolling counter sequence and layered SVG reveal.

Haytham Count Reveal opens with two oversized number counters that travel across the screen while cycling through digits, followed by three expanding star-shaped reveal layers that transition into your page.

The counter typography, size, color, padding, position, offsets, reveal colors, reveal position, scale, timing, scroll locking, and layer order can all be customized directly inside Framer.

**Perfect For**

Creative portfolios Fashion websites Agency websites Photography websites Architecture studios Editorial websites Premium landing pages

**Key Features**

Animated dual counter sequence Layered SVG reveal transition Sharp vector-based reveal shapes Custom counter typography Adjustable counter size Top, center, or bottom counter positioning Custom X and Y counter offsets Adjustable side padding Custom reveal colors Adjustable reveal position and scale Full animation timing controls Optional scroll locking Keep or hide scrollbar while locked Responsive across desktop, tablet, and mobile No code required

**How It Works**

The preloader begins with two animated counter columns. Each counter cycles through a sequence of digits while moving horizontally across the viewport.

Once the counter sequence nears completion, three SVG shapes expand from the center in succession to cover the screen. The final layer completes the transition and reveals the page underneath.

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

## 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