---
title: "Haytham Preloader 28 — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hasan Wali · Loaders. Cinematic fan out hero preloader"
canonical: "https://framer.elliotli.dev/component/haytham-preloader-28"
---

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

# Haytham Preloader 28

Cinematic fan out hero preloader

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

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

## Summary

Cinematic fan out hero preloader

## Description

**About this Component**

Haytham Fan Intro is a cinematic hero preloader that turns a set of images into a layered fan-out sequence before opening into a fullscreen hero. The center frame expands into the final hero while the surrounding media settles away, creating a smooth editorial handoff with animated title and subtitle reveals.

**Perfect For**

Portfolio launches, creative studios, campaign pages, fashion sites, editorial experiences, product launches, and premium landing pages.

**Key Features**

• Fan-out image preloader with a 0–100 counter • Hero media: Image, Video, or Solid color • Seamless center-frame-to-hero transition • Responsive fan geometry and typography • Manual line-by-line title and subtitle control • Adjustable title and subtitle widths • Native Framer font controls • Hero fit, position, tint, filter, and video loop controls • Animation speed and start delay controls • Optional component-scoped scroll lock • Static-renderer fallback for Marketplace previews • Multi-instance-safe DOM and event handling

**How It Works**

Add your fan images, choose the final hero media, then tune the layout, typography, colors, and motion from the Property Controls. Use Manual Lines when you want exact editorial line breaks.

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

## Details

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