Spatial 3D Carousel

Add a premium interactive 3D spatial carousel to your site with fluid parabolic bending, cinematic depth, and endless scrolling for images and videos.

Features

• Real-time WebGL 3D spatial rendering

• Fluid parabolic curve and dynamic bend effects

• Seamless endless loop scrolling architecture

• Native support for mixed media (images and auto-playing video)

• Cinematic edge blur and vignette masking

• Smooth scroll physics with optional grid snapping

• Dynamic drag, swipe, and wheel interactions

• Highly optimized GPU-accelerated performance

• Responsive resize and cross-device support

• Fully customizable layout, spatial depth, and visuals

Customization Options

• Scroll direction (Vertical or Horizontal)

• Item width, height, and dynamic spacing

• Corner radius and Z-axis depth recession

• Parabolic bend and 3D twist amounts

• Color saturation and contrast filters

• Edge blur vignette intensity

• Scroll speed and fluid motion damping

• Media content (Images and WebM/MP4 uploads)

How to Use

• Drop the component onto your Framer canvas

• Upload your images or videos in the properties panel

• Set the scroll direction to vertical or horizontal

• Adjust the bend and spin amounts to dictate spatial depth

• Tune the scroll speed, friction, and snap behavior

• Publish to deliver a premium 3D browsing experience

Use Cases

• Premium portfolio galleries

• SaaS product feature showcases

• E-commerce product visualizers

• Immersive video reels and trailers

• Creative agency landing pages

• Modern Web3 hero sections

• Dark mode cinematic interfaces

• Interactive case study sliders

• Dynamic client or partner logo carousels

• Photography and digital art exhibitions