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

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

# Haytham Preloader 14

Cinematic image scatter gallery

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

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

## Summary

Cinematic image scatter gallery

## Description

**About this Component**

Create a cinematic image-loading sequence that transforms into a scattered interactive gallery.

Haytham Scatter begins with a centered stack of images that reveals one by one before spreading into a customizable fullscreen composition. Choose from 26 layout variations, control the final spacing and sizing, and optionally link each image to its own destination.

The page stays locked during the intro and automatically restores scrolling once the full scatter animation is complete.

**Perfect For**

Creative portfolios Photography websites Fashion and editorial sites Agency websites Project showcases Art direction Landing pages Experimental layouts

**Key Features**

Centered image loading sequence 26 scatter layout variations Adjustable edge padding Custom thumbnail width and height Custom intro image size Vertical and position offsets Up to 14 custom images Automatic image repeating Individual image links Optional new-tab navigation Responsive image support Custom background color Automatic page scroll locking Automatic scroll restoration Responsive across desktop, tablet, and mobile Static Framer Canvas/export fallback No code required

**How It Works**

Add your images, choose a scatter variation, and adjust the final padding and image dimensions. The component handles the full sequence automatically: images reveal in the center, scatter into the selected composition, and become interactive once the animation finishes.

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

## Details

- **Author**: Hasan Wali
- **Price**: $7.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