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

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

# Haytham Preloader 13

Cinematic Fullscreen Preloader

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

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

## Summary

Cinematic Fullscreen Preloader

## Description

**About this Component**

Create a cinematic fullscreen preloader with animated bars, moving marquee text, and a layered center image reveal.

Haytham Hero Loader introduces your page with a staggered five-bar animation while custom text travels across the screen and a chosen image scales into view. Once the sequence finishes, the loader clears away to reveal the page underneath.

**Perfect For**

Creative portfolios Agency websites Fashion and editorial sites Photography websites Product launches Landing pages

**Key Features**

Fullscreen animated preloader Five-bar staggered reveal Animated marquee text Custom center image Layered image animation Custom typography and colors Adjustable image width, height, and scale Adjustable marquee repeats Optional automatic hide Built-in page scroll locking Responsive across desktop, tablet, and mobile No external dependencies No code required

**How It Works**

The loader covers the viewport and can temporarily lock page movement. The bars reveal in sequence as the marquee moves across the screen and the center image animates into view. When the intro ends, scrolling is restored and the loader can automatically disappear.

**Important Notes**

Use one instance per page. The animation plays in Preview and on the published site while the Framer Canvas remains static.

**Customization Options**

Customize the image, marquee text, repeats, typography, colors, image sizing, scale, auto hide, scroll lock, and z-index 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 · #8403

## Details

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