---
title: "InfiniteCurveGallery — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Quentin Hocdé · Galleries. InfiniteCurveGallery turns any set of images into an endless gallery flowing along a curve."
canonical: "https://framer.elliotli.dev/component/infinitecurvegallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/InfiniteCurveGallery

# InfiniteCurveGallery

Mesmerizing gallery

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

![InfiniteCurveGallery preview image 1](https://framer.elliotli.dev/og/component/infinitecurvegallery/091ef8c353bb7b73/1600x1071.jpg)

## Summary

InfiniteCurveGallery turns any set of images into an endless gallery flowing along a curve.

## Description

**InfiniteCurveGallery** turns any set of images into an endless gallery flowing along a curve. Each image is placed and scaled in sequence along a sine wave or a circle, animating in depth to create a kinetic collage.

✨ **Key Features**

-   **Curve-Driven Layout** – Place images along a sine wave or a rotating circle, with full control over the path shape.
    
-   **Infinite Loop or Finite Count** – Run it forever, or set an exact number of repeats that stay on screen.
    
-   **Fine-Tuned Animation Controls** – Adjust count, image width, duration, easing, amplitude, frequency, radius and shape speed right from the props.
    
-   **Reversible Motion** – Negative shape speed flips the whole animation direction.
    
-   **Scroll-Driven Motion** – Sync the gallery with scroll position using GSAP-like start/end triggers and sticky/pinned sections for immersive, narrative storytelling.
    

🔧 **Props / Controls**

-   **Images**: Add the images that flow through the gallery
    
-   **Count**: Number of images spread along the curve
    
-   **Width**: Image size as a percentage of the container width
    
-   **Duration**: Loop speed of each image's entrance
    
-   **Ease**: Easing curve of the entrance animation
    
-   **Shape**: Choose the path, Sinus wave or Circle
    
-   **Amplitude**: Height of the sine wave _(Sinus)_
    
-   **Frequency**: Number of wave oscillations across the width _(Sinus)_
    
-   **Radius**: Size of the circle as a percentage of the largest screen side _(Circle)_
    
-   **Shape Speed**: Speed the images travel along the curve, negative values reverse the direction
    
-   **Play**: Run the animation infinitely, or set a fixed number of repeats
    
-   **Repeats**: Number of full passes before the animation stops _(Count mode)_
    
-   **Scroll Driven**: Drive the animation with the user's scroll position _(Count mode)_
    
-   **Start / End**: GSAP-style scroll triggers to define where the animation begins and ends _(Scroll Driven)_
    
-   **Track Parent**: Read scroll from the parent section for sticky / pinned layouts _(Scroll Driven)_
    
-   **Mouse Interaction**: Bring the hovered image to the front
    
-   **Debug Line**: Draw the curve on the canvas to visualize the path
    
-   **Line Color**: Color of the debug line
    

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

-   All · #9458

## Details

- **Author**: Quentin Hocdé
- **Price**: $6.00
- **Published**: 2026-07-20
- **Updated**: 2026-07-20
- **Added**: 2026-07-20
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery