---
title: "SwirlReveal — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Alexis Romo · Effects. Scroll-driven circular image reveal"
canonical: "https://framer.elliotli.dev/component/swirlreveal"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/SwirlReveal

# SwirlReveal

Scroll-driven circular image reveal

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

![SwirlReveal preview image 1](https://framer.elliotli.dev/og/component/swirlreveal/7f06513f88583714/1600x1200.jpg)

## Summary

Scroll-driven circular image reveal

## Description

A scroll-driven gallery component that arranges 8 images in a circle and reveals them as the user scrolls. Each image flies in from the side, rotates into position, and fades in — staggered for a fluid, cinematic effect.

Works on all devices. Fully responsive using CSS vw units. Compatible with Framer Preview and published sites.

**Features:**

-   8 customizable image slots via property controls
    
-   Scroll-driven animation with sticky viewport pinning
    
-   Staggered entry with power1.out easing
    
-   Hub size, image offset, scroll height and stagger all adjustable
    
-   No external libraries — pure React + CSS
    

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

-   All · #9775

## Details

- **Author**: Alexis Romo
- **Price**: $5.00
- **Published**: 2026-05-26
- **Updated**: 2026-05-26
- **Added**: 2026-05-26
- **Categories**: Effects

## More like this

-   [Mist](/component/mist) — Atypikal Agency · Free — Drifting mist over any photo
-   [Waypoint Road](/component/waypoint-road) — Litchi Solutions · $10 — A road that draws itself on scroll
-   [Badge Hider](/component/badge-hider) — valorsic studio · Free — Made in Framer Badge Hider
-   [Blob Tracker](/component/blob-tracker) — Shubhang Chouhan · $10 — Motion tracking with lens boxes