---
title: "Zoom Images Preload — Free Framer component · Best of Framer"
description: "Free Framer component · by Quentin Hocdé · Loaders. smooth cinematic zoom‑in sequence"
canonical: "https://framer.elliotli.dev/component/zoom-images-preload"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Zoom Images Preload

# Zoom Images Preload

smooth cinematic zoom‑in sequence

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

![Zoom Images Preload preview image 1](https://framer.elliotli.dev/og/component/zoom-images-preload/26b841a45e4067ab/1600x1200.jpg)

## Summary

smooth cinematic zoom‑in sequence

## Description

Zoom Image Preloader transforms a stack of images into a smooth cinematic zoom‑in sequence, perfect as a fullscreen preloader or intro reveal. Each image appears by scaling up from 0 while its content gently zooms out from 2x, creating the feeling of a camera moving through your visuals. Ideal for bold hero intros, portfolio transitions, and any layout where images should feel alive.

Drop it into your canvas, plug in your images, tweak the delay and transition, and you get a polished, motion‑driven loading experience in seconds—no extra code needed.

✨ **You can fully control the timing and feel directly from the right panel:**

### Key Features

-   **Cinematic Zoom‑In Sequence** – Each image scales in from 0 while its content zooms out from 2x for a camera‑like motion.
    
-   **Stack-Based Image Flow** – Feed a stack of images and let the component play them as a smooth, choreographed sequence.
    
-   **Global Motion Control** – Fine‑tune type, ease, and duration with a single transition prop powered by Framer Motion.
    
-   **Adjustable Timing** – Set the delay between images for subtle fades or fast, snappy transitions.
    
-   **Drop‑In Workflow** – Add it to your canvas, plug images, tweak a few values, and you’re production‑ready with no custom code.
    

### 🔧 Props / Controls

-   **Images:** Stack your images to build the zoom sequence
    
-   **Delay between images:** Time offset between each image’s reveal
    
-   **Transition:** Global motion settings (type, ease, duration) applied to all images
    

### Best for

-   Hero section preloaders and intros
    
-   Case study and portfolio transitions
    
-   Visual storytelling sequences
    
-   Any page where you want images to appear in a choreographed zoom‑in animation
    

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

-   All · #6287

## Details

- **Author**: Quentin Hocdé
- **Published**: 2026-02-17
- **Updated**: 2026-03-12
- **Added**: 2026-02-16
- **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