Path Image Carousel — Interactive SVG path image slider

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