Skip to content

component

3D Media Carousel

By Dalton Taylor

Details

Summary

Infinite 3D carousel for images & video

Description

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 Items Type: ArrayDescription: Add images or videos to the carousel. Each item can include a label and subheading that appear in the lightbox. Media Type Support Images: 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!

Introduction

Infinite 3D carousel for images & video

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600169628/148/228/309/79/15
  • All · #6774