---
title: "3D Glass Carousel — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Saadat Ali · Carousels. Interactive WebGL 3D glass gallery"
canonical: "https://framer.elliotli.dev/component/3d-glass-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/3D Glass Carousel

# 3D Glass Carousel

Interactive WebGL 3D glass gallery

[View on Framer](https://framer.com/marketplace/components/3d-glass-carousel/?via=elliot-li)

![3D Glass Carousel preview image 1](https://framer.elliotli.dev/og/component/3d-glass-carousel/39299df6353e1ea5/1600x1200.jpg)

## 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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #1271

## Details

- **Author**: Saadat Ali
- **Price**: $9.00
- **Published**: 2026-08-15
- **Updated**: 2026-09-28
- **Added**: 2026-08-15
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view