Skip to content

component

Path Image Carousel

By Saadat Ali

Details

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 Add the component to your Framer project Upload a custom SVG path shape Add your gallery images Adjust image sizing and spacing Configure autoplay and interaction settings Customize scaling behavior along the path 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

Introduction

Interactive SVG path image slider

Rank history

Daily rank per list, from the first snapshot — lower is better.

1501100114978/148/228/309/79/15
  • All · #1190