3D Carousel is a flexible, CMS ready component designed to display dynamic content in a smooth curved layout with depth and perspective. Built for Framer, it allows you to connect CMS collections and automatically render images, videos, or custom content cards without manual updates.
Each item is positioned along a curved path and reacts to scroll position with scale, vertical offset, and 3D rotation. This creates a natural sense of depth where the center item is in focus while surrounding items fade into perspective.
The component supports multiple media types including images, videos, and text based cards. Each item can include its own CMS link, enabling fully interactive and clickable content directly powered by your data source.
Interaction is fluid and intuitive, with drag to scroll, optional autoplay, and hover effects. Motion feels responsive thanks to smooth interpolation and real time transform updates.
Design control is extensive, allowing you to adjust curve intensity, scale depth, rotation angle, spacing, card size, and styling. Visual details like shadows, borders, and edge fade gradients help blend the carousel seamlessly into modern layouts.
Optimized for performance and responsiveness, the component handles large dynamic collections while maintaining smooth animation across devices.
Fully CMS compatible with dynamic content
Supports images, videos, and custom cards
CMS link support for interactive navigation
Curved 3D layout with depth and perspective
Drag to scroll interaction
Optional autoplay with adjustable speed
Smooth scale, rotation, and vertical motion
Hover scaling and interactive feedback
Customizable spacing, size, and curve intensity
Edge fade gradients for smooth visual blending
Responsive and performance optimized
CMS driven portfolio sections
Dynamic media galleries
Case studies and project showcases
Agency and studio websites
Product and content sliders
Interactive landing page sections
Designers building CMS powered Framer websites
Agencies managing dynamic content collections
Brands showcasing mixed media content
Portfolios requiring scalable updates
Websites needing interactive 3D layouts
Seamlessly connects CMS with 3D interaction
Eliminates manual updates with dynamic content
Enhances engagement with depth and motion
Supports multiple content types in one component
Combines flexibility, performance, and premium visuals