3D Curve Carousel is an immersive media carousel that arranges images and videos around a rotating curved 3D ring. Instead of a traditional flat slider, this component places each media card in a circular 3D space, creating depth and cinematic motion as the carousel rotates.
The carousel continuously rotates when autoplay is enabled, allowing media items to smoothly move around the curved track. Designers can control rotation speed, direction, and animation duration to match different website styles.
Users can also interact with the carousel directly. Drag gestures allow visitors to manually rotate the media ring, while momentum physics keeps the carousel spinning naturally after the drag ends. This interaction works on both desktop and mobile devices.
The component supports both images and videos within the same carousel. Video items can autoplay silently and loop, creating a dynamic mix of motion and static media within the rotating ring.
One of the most powerful features is CMS integration. Each card can link directly to CMS pages or external URLs, making the carousel perfect for dynamic collections like portfolios, products, blog posts, or case studies. When connected to CMS content, the carousel becomes a dynamic gallery that updates automatically.
Edge fade effects help create a cinematic viewing experience by softly masking the left and right edges of the carousel. This focuses attention toward the center while maintaining a sense of continuous motion.
Designers have full control over card size, aspect ratio, corner radius, perspective depth, edge fading, and media fit settings. These customization options allow the carousel to adapt to many different layouts and visual styles.
3D Curve Carousel works especially well on portfolio websites, creative agency sites, product showcases, and CMS driven galleries where visual storytelling is important.
Curved 3D carousel layout
Smooth automatic rotation animation
Drag interaction with realistic momentum
Supports both images and videos
Video autoplay and looping support
Edge fade effect for cinematic presentation
Adjustable perspective and depth
Customizable card size and aspect ratio
Mobile and touch drag support
Link media cards to CMS pages or external URLs
Compatible with Framer CMS collections
CMS powered portfolio galleries
Product showcase carousels
Creative agency websites
Photography and video galleries
Interactive case study previews
Brand storytelling sections
Homepage hero sections
Portfolio showcase pages
CMS collection galleries
Product or feature sections
Creative studio websites
Marketing landing pages
Combines 3D motion with interactive media browsing
Supports dynamic galleries powered by CMS content
Creates a cinematic and engaging visual experience
Works with both images and videos in one carousel
Provides flexible controls for many design styles