3D Glass Carousel

3D Glass Carousel

About 3D Glass Carousel

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