Ditch the flat sliders. This component places your images and videos in true 3D space, creating a beautiful peripheral distortion effect where cards swing toward the viewer as they reach the edges of the screen.
Creative agency portfolios, cinematic case studies, product feature galleries, horizontal video reels, and interactive team showcases.
Drag and drop the component onto your canvas.
Upload your images and videos in the Cards array.
Choose your interaction mode: enable the auto-ticker, drag-to-swipe, or edge-proximity rotation.
Customize the 3D geometry (Zoom, Perspective, Ring Radius) to make the carousel fit perfectly within your layout.
True 3D spatial positioning (No heavy WebGL libraries required)
Interactive flip cards (Click an image to reveal a video, caption, and CTA)
Smart auto-culling and lazy-loading for perfect 60fps performance
Seamless infinite looping
Edge-proximity rotation (Spins when the cursor nears the screen edge)
Optional continuous ticker with pause-on-hover
Native Framer scroll-tilt support
Built-in mobile optimization (Auto-trims expensive effects on phones)
Accessible (Keyboard navigation, ARIA labels, respects reduced motion)
Highly customizable shadows, borders, and 3D depth layers
Ditch the flat sliders. This component places your images and videos in true 3D space, creating a beautiful peripheral distortion effect where cards swing toward the viewer as they reach the edges of the screen.
Creative agency portfolios, cinematic case studies, product feature galleries, horizontal video reels, and interactive team showcases.
Drag and drop the component onto your canvas.
Upload your images and videos in the Cards array.
Choose your interaction mode: enable the auto-ticker, drag-to-swipe, or edge-proximity rotation.
Customize the 3D geometry (Zoom, Perspective, Ring Radius) to make the carousel fit perfectly within your layout.
True 3D spatial positioning (No heavy WebGL libraries required)
Interactive flip cards (Click an image to reveal a video, caption, and CTA)
Smart auto-culling and lazy-loading for perfect 60fps performance
Seamless infinite looping
Edge-proximity rotation (Spins when the cursor nears the screen edge)
Optional continuous ticker with pause-on-hover
Native Framer scroll-tilt support
Built-in mobile optimization (Auto-trims expensive effects on phones)
Accessible (Keyboard navigation, ARIA labels, respects reduced motion)
Highly customizable shadows, borders, and 3D depth layers
Joshua Roberts
