---
title: "Image GSAP Preloader — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Hasan Wali · Loaders. Fully Responsive Image Reveal Preloader"
canonical: "https://framer.elliotli.dev/component/image-gsap-preloader"
---

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

# Image GSAP Preloader

Fully Responsive Image Reveal Preloader

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

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

## Summary

Fully Responsive Image Reveal Preloader

## Description

**About this Component**

Make your first impression unforgettable with a cinematic image reveal preloader designed to feel smooth, intentional, and premium.

This component uses GSAP Flip and custom easing to create layered image reveals that build up into a fullscreen expansion — delivering a polished, high-end transition before your content appears.

Unlike typical preloaders, this is fully responsive and adapts seamlessly across desktop, tablet, and mobile without breaking layout, scaling, or animation flow.

No hacks. No rigid layouts. No compromises.

Just drop it in, customize the timing and visuals, and it works.

**Perfect For:**

Landing page intros

Portfolio hero reveals

Agency websites

Product launches

Story-driven experiences

Luxury or editorial layouts

**Key Features:**

Fully responsive across all breakpoints (desktop, tablet, mobile)Dynamic multi-image reveal sequence (1–8 images)Smooth GSAP Flip-based fullscreen expansionCustomizable animation timing and overlap controlsAdjustable zoom (intro + final states)Optional grid overlay with animated columnsConfigurable noise texture overlayRestart button for replaying the animationResponsive sizing controls (no fixed width issues)No external setup required

**How to Use:**

Drop the component into your layoutChoose how many images to display (up to 8)Upload your images in orderAdjust animation timing, zoom, and layout controlsToggle grid, noise, and restart options if needed

**Important Note**

This component is fully responsive and tested across breakpoints. It scales fluidly without layout breaking or fixed-width issues, making it safe to use in real production layouts.

Questions? Reach out at [hasanwali6890@gmail.com](mailto:reem@ireem.net)

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

## Details

- **Author**: Hasan Wali
- **Price**: $7.00
- **Published**: 2026-05-08
- **Updated**: 2026-05-08
- **Added**: 2026-04-28
- **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