3D Media Carousel

Key Features

• Infinite 3D torus carousel layout

• Supports images and looping video

• Drag-to-rotate with momentum

• Hover focus with depth-of-field effect

• Built-in lightbox with labels and subheadings

• Seeded layout for consistent shuffling

• Vignette framing for cinematic presentation

• Custom cursor for premium interaction feel

• Fully responsive and Framer-ready

Properties

Media Properties

Media ItemsType: ArrayDescription: Add images or videos to the carousel. Each item can include a label and subheading that appear in the lightbox.

Media Type SupportImages: JPG, PNG, WebP, GIF (static)Video: MP4, WebM, MOV (looping)

Interaction Behavior

• Drag to rotate the carousel with natural momentum

• Hover to bring tiles into focus

• Click to open media in a lightbox

• Videos automatically loop and resume smoothly

• Lightbox displays labels and descriptions for context

Best Practices

• Use landscape or square media for best tile coverage

• Short looping videos (3–8 seconds) work best visually

• Keep rotation speed subtle for a premium feel

• Use labels and subheadings to turn the gallery into a guided portfolio

• Dark backgrounds enhance depth and contrast

Use Cases

• Portfolio homepages

• Motion reels and case studies

• Product or brand showcases

• Experimental editorial layouts

• Creative agency sites

• Interactive hero sections

Email support available!