DepthSpin is a 3D rotating carousel component built for Framer — designed to showcase images, videos, and any content with cinematic depth, smooth transitions, and full property control.Key Features:
Horizontal & Vertical Modes: Switch carousel direction instantly between horizontal and vertical layout without touching any code.
Full 3D Depth Control: Adjust Perspective, Depth, Rotation, Scale, and Opacity of cards independently — dial in the exact look you want, from subtle tilt to dramatic 3D fan.
Video Support: Drop in videos alongside images. Use Active mode to play only the center card, or All mode to play across every card simultaneously.
Autoplay with Custom Interval: Set a timer and let DepthSpin run itself — perfect for product showcases and hero sections that need no interaction.
Manual Scroll & Drag: Users can swipe or drag through cards naturally on both desktop and mobile.
Smooth Transition Control: The Smooth property lets you control transition speed — go snappy for high-energy layouts or silky slow for premium feel.
Visible Side Cards: Choose how many cards appear on each side of the active card, giving you full control over the carousel's density and feel.
Responsive & Touch-Friendly: Works cleanly on desktop, tablet, and mobile out of the box.
DepthSpin gives any Framer site a premium, editorial quality that flat carousels simply can't match. Visitors engage longer when content has depth, motion, and feel — and DepthSpin delivers all three with zero code. Whether it's a SaaS product demo, a portfolio reel, or a testimonial section, this component makes content impossible to scroll past.
Viswanathan M
