component
3D Glass Carousel
By Saadat Ali

Details
- Saadat AliAuthor
- componentType
- $9.00Price
- 2026-08-15Published
- 2026-08-23Updated
- 2026-08-15Added
- CarouselsCategories
Summary
Interactive WebGL 3D glass gallery
Description
Add a premium, highly interactive 3D rotating gallery to your Framer site with seamless WebGL rendering, a stunning frosted glass effect, and ultra-smooth swipe physics for images and videos. Features Real-time WebGL-powered 3D rendering Smooth damped rotation physics Interactive swipe, drag, and scroll controls Premium frosted glass cylinder overlay Built-in video and high-res image support Smart auto-play with interaction pause Highly optimized rendering (pauses when out of view) Dynamic color management built-in Clickable external linking for every card Fully responsive to any screen size Customization Options Number of visible cards Carousel arc radius and camera distance 3D cone tilt angle Card dimensions and corner radius Card brightness, contrast, and saturation Glass tint color and base opacity Glass edge glow intensity and thickness Auto-rotation speed and swipe sensitivity Motion smoothness damping Snap-to-card auto-alignment toggle How to Use Drop the component onto your Framer canvas Upload your images or videos in the properties panel Add custom destination URLs for each card Adjust the camera distance and cylinder radius Fine-tune the frosted glass tint and edge glow to match your brand Publish to instantly upgrade your website's interactivity Use Cases Premium SaaS feature showcases Interactive portfolio galleries Dynamic e-commerce product displays Web3 and crypto landing pages Cinematic video and photo reels Futuristic dark mode interfaces Immersive testimonials sliders AI tool interface previews
Introduction
Interactive WebGL 3D glass gallery
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #292