Curved 3D Scrollable Media Gallery is a premium interactive gallery component for Framer that supports both images and videos in a single, immersive layout. It blends depth-based motion, perspective rotation, smooth scaling, and infinite scrolling to create a natural curved, cinematic experience that feels alive as users interact.
Media items dynamically bend, rotate, and rise along a 3D arc as you scroll. Users can drag to navigate, enable auto-scroll, hover to focus, and open images or videos in a distraction-free popup preview. The result is a modern, high-end gallery that turns static content into an engaging storytelling surface.
Designed for performance and flexibility, the component uses optimized transform logic and RAF-based updates to stay smooth across devices.
Perfect for designers, agencies, creators, and brands who want a visually striking gallery that supports rich media and feels truly interactive.
🎢 Curved 3D Perspective MotionMedia bends and rotates around the center using depth-aware scale, vertical offset, and realistic perspective rotation.
🔁 Infinite Scroll SystemSeamless, never-ending carousel with no visible looping or jumps.
🖱 Drag-to-Scroll InteractionSmooth, physics-inspired dragging with optional cursor feedback.
🎥 Image and Video SupportMix images and videos in the same gallery, supports uploads and external URLs.
▶️ Auto-Play Media and ScrollOptional continuous scrolling with adjustable speed and pause-on-hover control.
🖼 Hover Focus and Popup PreviewSubtle hover zoom for focus, click to open images or videos in a fullscreen popup.
🧠 Auto Proportional Width DetectionAutomatically calculates card width from image aspect ratios for natural layouts.
🧩 Deep Customization ControlsFine-tune arc intensity, scale depth, vertical curve, rotation, spacing, borders, shadows, and more.
🌫 Cinematic Edge Fade MaskGradient fades on both sides add depth and visual polish.
⚡ Optimized PerformanceRAF-driven updates and GPU-friendly 3D transforms ensure smooth motion.
🛡 Responsive and Touch FriendlyWorks seamlessly across desktop, tablet, and mobile devices.
🖼 Portfolio galleries and case study sections
🎞 Image and video hero sections
🛍 Product showcases and brand storytelling
📸 Photography, videography, and artwork displays
🧠 Creative agency and studio websites
📰 Editorial layouts and featured content rows
🚀 Landing pages that need motion-driven impact
This is not just a carousel or slider. It is a media-driven 3D experience that combines motion design, depth perception, and interaction into a single, cohesive system. The curved layout naturally pulls attention toward the center, while video support adds a powerful storytelling layer that most galleries lack.
With minimal setup and powerful visual controls, you can turn a simple row of images and videos into a cinematic, interactive 3D showcase. Ideal for Framer creators who want their work to feel premium, dynamic, and unforgettable.
Frame Craft
