---
title: "3D Glass  — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hermoza · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/3d-glass"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/3D Glass

# 3D Glass

(Video & Photo)

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

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

## Summary

Video & Photo

## Description

Transform static layouts into immersive experiences with **Premium 3D Glass Shapes**. Powered by Three.js, this component renders geometric glass shapes with real-world physics (refraction, reflection, and lighting), allowing you to display looping videos or static photos inside a floating 3D crystal.

Key Features:

-   **Video & Image Support:** Seamlessly display looping videos (MP4/WebM) or static photos inside the glass. The component automatically prioritizes video if both are selected.
    
-   **7 Geometric Shapes:** Choose between Square, Rectangle (Portrait), Heart, Circle, Oval, Hexagon, and Octagon.
    
-   **Realistic Glass Physics:** Full control over glass opacity, tint color, and Index of Refraction (IOR) to create anything from light acrylic to dense crystal.
    
-   **Studio Lighting:** Select from 4 built-in HDRI environments (Royal Esplanade, Studio, Moonless Golf, Overcast) and adjust light intensity.
    
-   **Built-in Animations:** Smooth "Spin" and "Float" effects are ready to use, with global speed controls.
    
-   **Full Customization:** Adjust the overall scale, content zoom (photo/video scale), geometry smoothness (segments), and background color.
    
    Due to the nature of digital products, all sales are final and non-refundable. If you experience any issues with the files, please contact me at [ssktpp015@gmai.com](mailto:ssktpp015@gmai.com), and i will be happy to assist you.
    

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

-   All · #9519

## Details

- **Author**: Hermoza
- **Price**: $10.00
- **Published**: 2026-02-04
- **Updated**: 2026-02-05
- **Added**: 2026-01-22
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo