Foldover Slider
A drag carousel with a physical feel — swipe through and watch cards fold back. Built for Framer with full property controls and touch support.
About this Component
A horizontal drag carousel where cards physically stack as you swipe — passed cards scale down, rotate, and fold behind the active one like shuffling a deck.
Drag to swipe, release to snap. Arrow keys work when the slider is in view. Touch-ready with vertical scroll passthrough on mobile.
Drop any Frame or component into the Slides array. The slider wraps each item in a styled card container you control via 13 property controls: dimensions, aspect ratio, gap, fill, border, radius, padding, and overlap behavior (min scale, max rotation, pivot point, snap toggle).
Built on GSAP Draggable + InertiaPlugin for physics-based snapping. Includes ARIA carousel semantics, prefers-reduced-motion support, and a static fallback for canvas preview.
