A premium 3D stacked media carousel designed to create immersive scrolling experiences inside Framer. Perfect for portfolios, galleries, product showcases, fashion campaigns, creative studios, and modern landing pages.
Infinite 3D depth scrolling effect
Smooth cinematic motion with damping
Mouse wheel interaction with auto-scroll support
Interactive hover expansion animations
Custom hover cursor with editable text
Supports both images and videos
SVG mask support for custom media shapes
Clickable media items with external links
Adjustable camera perspective and scene angles
Optimized WebGL rendering using Three.js
Responsive and fluid on all screen sizes
Premium layered carousel presentation
Upload unlimited images or videos
Add custom links to each media item
Adjust carousel depth spacing
Control visible stack count
Edit image width and height
Customize perspective and camera distance
Modify X and Y viewing angles
Fine-tune scroll speed and damping
Enable or disable auto-scroll behavior
Adjust hover gap spacing effect
Upload custom SVG masks
Customize hover circle colors and text
Add the component to your Framer canvas
Upload images or videos inside the Media section
Adjust carousel depth and spacing settings
Customize camera angles for your desired perspective
Add optional links to make media clickable
Fine-tune animation speed and hover behavior
Publish and showcase an immersive 3D experience
Saadat Ali
