---
title: "EditorialMultiLoader — Free Framer component · Best of Framer"
description: "Free Framer component · by Aathif Thajudeen · Loaders. Luxury multi-image reveal animation"
canonical: "https://framer.elliotli.dev/component/editorialmultiloader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/EditorialMultiLoader

# EditorialMultiLoader

Luxury multi-image reveal animation

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

![EditorialMultiLoader preview image 1](https://framer.elliotli.dev/og/component/editorialmultiloader/fe72cc3f7fa6089a/1600x1200.jpg)

## Summary

Luxury multi-image reveal animation

## Description

**Editorial Multi Loader**

A high-end, multi-stage intro animation component for Framer. Built for studios, agencies, and designers who want their site to open with intention.

**How it works**

Five images slide in simultaneously from opposite vertical directions — images 1, 3, and 5 rise from below while images 2 and 4 descend from above. They meet in a perfectly centered horizontal grid, pause for a held editorial beat, then the center image unfolds and blooms to fill the entire component frame.

**Three phases. Zero configuration required.**

-   Phase 1 — Entry: All five cards slide in simultaneously with a luxury cubic bezier easing, decelerating smoothly into their resting grid positions
    
-   Phase 2 — Grid Rest: The five images hold in their positions for a customizable pause, creating an upscale editorial moment
    
-   Phase 3 — Bloom: The center image expands fluidly to fill 100% of the component, masking the flanking cards as they fade out
    

**Property Panel Controls**

Every parameter is exposed and live-editable directly from the Framer sidebar — no code required after installation:

-   5 individual image slots
    
-   Item width and height
    
-   Gap between cards
    
-   Border radius
    
-   Entry animation speed
    
-   Grid hold delay
    
-   Bloom speed
    
-   Ease profile (Luxury, Anticipate, Circular)
    
-   Background color
    
-   Canvas View toggle (1 — cards layout for designing, 2 — full bleed for overlay design)
    

**Built-in design tools**

Switch the Canvas View to **1** to see all five images in their sitting grid positions while you design — swap images, adjust sizes, and fine-tune layout in real time. Switch to **2** to see the final full-bleed center image and place text overlays or UI elements on top with full visual accuracy.

**Smart preloading**

All five images are preloaded before the animation begins — no white boxes, no flickering, no partial renders. The animation only fires once every asset is fully cached.

**Scroll lock**

The page is locked during the animation sequence and released the exact moment the bloom completes, preventing accidental scrolling past the intro. Works on both desktop and mobile.

**Page-scoped**

The animation and scroll lock are scoped entirely to the page the component lives on. Other pages in your Framer project are completely unaffected.

**Perfect for**

Portfolio sites, agency homepages, luxury brand intros, fashion editorials, photography showcases, and any project where the first impression needs to feel considered and cinematic.

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

-   All · #3541

## Details

- **Author**: Aathif Thajudeen
- **Published**: 2026-06-06
- **Updated**: 2026-06-05
- **Added**: 2026-06-03
- **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