component
Zoom Images Preload
By Quentin Hocdé
Details
- Quentin HocdéAuthor
- componentType
- 2026-02-17Published
- 2026-03-12Updated
- 2026-02-16Added
- LoadersCategories
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
Introduction
smooth cinematic zoom‑in sequence
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3473