---
title: "Image Preloader — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Flowit Supply · Loaders. Mask-cycle intro for your hero"
canonical: "https://framer.elliotli.dev/component/image-preloader"
---

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

# Image Preloader

Mask-cycle intro for your hero

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

![Image Preloader preview image 1](https://framer.elliotli.dev/og/component/image-preloader/08186e861e797567/1600x1200.jpg)

## Summary

Mask-cycle intro for your hero

## Description

**Hero Preloader**

An intro that lands on your hero instead of fading off it. A small frame cycles through your images with hard mask wipes, then expands onto your hero image.

**Features**

-   Up to 10 images in the cycle
    
-   Four wipe directions
    
-   Expands onto the hero's real position, so it lands right at any screen size
    
-   Sits behind your nav and headline if you want it to
    
-   Adjustable timing for every stage
    
-   Scroll locks while it plays, including smooth scroll setups
    
-   Plays once per session or on every load
    
-   Set the frame size, corner radius, and backdrop color
    

**Setup**

Place it as your hero image layer. Add your images in cycle order, pick a direction, publish. No overrides, no code editing.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2674

## Details

- **Author**: Flowit Supply
- **Price**: $9.00
- **Published**: 2026-08-11
- **Updated**: 2026-08-12
- **Added**: 2026-08-11
- **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