About Circular 3D Gallery
Add a high-performance interactive 3D circular media ring to your site with tactile tangential dragging, smooth inertial spin, cursor-driven louvre wave ripples, and interactive scroll zoom.
Features
Real-time 3D circular WebGL media carousel
1:1 tangential steering dial dragging physics
Smooth cursor-driven louvre card wave ripple
Native support for looping videos and high-res images
Aspect-ratio-preserving texture mapping without distortion
Responsive auto-scaling ring layout
Dynamic 3D mouse parallax gyroscope tilt
Interactive mouse wheel and two-finger pinch zoom
Inertial momentum rotation with customizable glide friction
Full WebGL memory optimization and context-loss protection
Customization Options
Ring radius and total card item count
Auto-spin idle speed and rotation direction
Card dimensions (width, height, and border corner radius)
Camera zoom limits (default, minimum, and maximum distance)
Scroll zoom and touch pinch sensitivity
Hover ripple radius and 3D deflection angle
Interactive card lift distance and magnetic radial push
Full-scene mouse parallax tilt toggle
Momentum drag sensitivity and physics friction
Custom media manager supporting uploaded files and video URLs
How to Use
Drag and drop the component onto your Framer canvas
Upload your custom photos or paste looping MP4 video URLs
Set the ring radius and choose your total card count
Tweak card dimensions and border radius to fit your style
Adjust hover ripple range, lift depth, and spin speed
Publish your site for an unforgettable 3D media interaction
Use Cases
Editorial and fashion portfolio showcases
Creative design agency project rings
Music album, trailer, and videography reels
SaaS feature highlights and interactive product tours
Modern 3D hero sections and landing page centerpieces
NFT, 3D render, and digital collectible galleries
Interactive client testimonial and logo wheels
Dark-mode futuristic product displays
Luxury brand visual lookbooks
High-converting interactive visual CTAs
