3D Deck Carousel Pro transforms traditional carousels into a spatial browsing experience. Cards are arranged in 3D space, with the active item front and center while surrounding media scales, shifts, and recedes naturally. Navigation feels physical, responsive to drag, swipe, and buttons.

The component supports both images and videos, automatically managing playback so only the active card plays. Subtle depth, scaling, and rotation create a cinematic feel without overwhelming the layout. Every visual and interaction detail is fully adjustable from Framer property controls.

Key Features & Capabilities

True 3D card stacking using perspective and z space
Image and video support in a single carousel
Automatic video play and pause based on active card
Smooth drag and swipe navigation for mouse and touch
Keyboard navigation with arrow keys
Configurable depth, scale falloff, spacing, and rotation
Optional neumorphic shadows for soft depth styling
Hover overlay with title and description content
Fully customizable buttons with position, size, and style controls
Responsive behavior based on container size

Best For

Portfolio showcases and case studies
Product or feature highlights
Visual storytelling sections
Creative agency websites
Landing pages that need depth and motion

Where to Use

Hero sections with interactive focus
Featured media or project sliders
Editorial layouts with rich visuals
Interactive product galleries
Experimental UI and motion driven designs

Why This Component Is Valuable

3D Deck Carousel Pro adds depth and hierarchy without complexity. Instead of flat transitions, users experience content spatially, making each interaction feel intentional and premium. It works equally well for static images and motion content, adapting seamlessly to different screen sizes while remaining performant and easy to configure.

Suggested for you

Suggested for you

Suggested for you