---
title: "Path Image Carousel — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Saadat Ali · Carousels. Interactive SVG path image slider"
canonical: "https://framer.elliotli.dev/component/path-image-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Path Image Carousel

# Path Image Carousel

Interactive SVG path image slider

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

![Path Image Carousel preview image 1](https://framer.elliotli.dev/og/component/path-image-carousel/451098f5f15e445b/1600x1200.jpg)

## Summary

Interactive SVG path image slider

## Description

## Features

-   Animate images along any custom SVG path
    
-   Smooth infinite looping carousel motion
    
-   Drag-to-scroll interaction with momentum physics
    
-   Mouse wheel scrolling support
    
-   Auto-play carousel animation
    
-   Supports open and closed SVG paths
    
-   Dynamic image scaling across path positions
    
-   Optional randomized image sizing
    
-   Optimized WebGL rendering for smooth performance
    
-   Responsive layout scaling across screen sizes
    
-   Smart texture caching for high-performance galleries
    
-   Clean depth layering for seamless visual flow
    

## Customization Options

-   Upload custom SVG motion paths
    
-   Add unlimited image assets
    
-   Adjust image width and height
    
-   Control image spacing along the path
    
-   Enable randomized image sizing
    
-   Configure start and end scaling effects
    
-   Adjust camera zoom and path inset
    
-   Fine-tune drag and scroll sensitivity
    
-   Customize damping and momentum behavior
    
-   Enable or disable autoplay scrolling
    
-   Control autoplay speed direction and intensity
    

## How to Use

1.  Add the component to your Framer project
    
2.  Upload a custom SVG path shape
    
3.  Add your gallery images
    
4.  Adjust image sizing and spacing
    
5.  Configure autoplay and interaction settings
    
6.  Customize scaling behavior along the path
    
7.  Publish your project with smooth interactive motion
    

## Use Cases

-   Portfolio image showcases
    
-   Fashion and product galleries
    
-   Creative agency websites
    
-   Interactive storytelling sections
    
-   SaaS feature presentations
    
-   Modern landing page hero layouts
    
-   Web3 and futuristic interfaces
    
-   Editorial and magazine-style experiences
    

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

-   All · #2316

## Details

- **Author**: Saadat Ali
- **Price**: $10.00
- **Published**: 2026-05-30
- **Updated**: 2026-06-15
- **Added**: 2026-05-25
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow