---
title: "Haytham Preloader 15 — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hasan Wali · Loaders. Cinematic Loader & Hero Reveal"
canonical: "https://framer.elliotli.dev/component/haytham-preloader-15"
---

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

# Haytham Preloader 15

Cinematic Loader & Hero Reveal

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

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

## Summary

Cinematic Loader & Hero Reveal

## Description

**About this Component**

Create a cinematic entrance with a layered preloader, animated counter, loader text, image wipe, and full-width hero typography reveal.

Haytham Hero Reveal is designed for portfolios, agencies, fashion, editorial, photography, architecture, and premium landing pages. The final headline measures the rendered word and scales it to your Hero Fit percentage, keeping typography balanced across different words, fonts, and widths.

**Perfect For**

Portfolios Agency websites Fashion and editorial sites Photography sites Architecture studios Personal websites Premium landing pages

**Key Features**

Animated loading counter Letter-by-letter loader animation Two-color preloader transition Optional full-frame reveal image Adjustable image focal position Measured full-width hero text fitting Top, center, or bottom hero placement Custom hero and loader typography Custom colors Optional counter Adjustable speed and letter stagger Responsive across desktop, tablet, and mobile Static Canvas and export rendering No code required

**How It Works**

The loader starts with animated text and a percentage counter. The layered panels collapse while the optional image wipes away, revealing the hero headline. Hero Fit automatically scales the rendered headline to the selected percentage of the available width.

**Customization Options**

Customize the headline, loader text, fonts, colors, reveal image, image focus, hero position, Hero Fit, counter, spacing, speed, delay, and stagger directly in Framer.

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

## Details

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