---
title: "Glass Photo Frame — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Troy Miller · Interactive. glass photo frame, powered by Three.js for realistic refraction, reflections, and depth.Drop in any image and watch it transform…"
canonical: "https://framer.elliotli.dev/component/glass-photo-frame"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Glass Photo Frame

# Glass Photo Frame

Creative Image Display

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

![Glass Photo Frame preview image 1](https://framer.elliotli.dev/og/component/glass-photo-frame/ffcc7165fdbeafe6/1600x1200.jpg)

## Summary

glass photo frame, powered by Three.js for realistic refraction, reflections, and depth.Drop in any image and watch it transform behind a crystal-clear glass layer with beautiful…

## Description

**Glass Photo Frame — Premium 3D Component**

Elevate your Framer sites with this stunning interactive 3D glass photo frame, powered by Three.js for realistic refraction, reflections, and depth.Drop in any image and watch it transform behind a crystal-clear glass layer with beautiful environment reflections from a modern tech studio HDRI. Users can drag to rotate, enjoying smooth OrbitControls for full interactivity.Key Features

-   Upload Your Photo — Easy file upload with automatic aspect ratio scaling
    
-   Customizable Glass — Adjust tint color and refraction strength (IOR) for subtle or dramatic effects
    
-   Frame & Photo Controls — Tweak frame size, photo scale, and environment brightness
    
-   Subtle Animations — Toggle auto-play with continuous Y rotation, gentle X/Z swings, and global speed control
    
-   Background Customization — Set any color to match your design
    
-   Performance Optimized — Lightweight Three.js setup, responsive resizing, and smooth 60fps animation
    

Perfect for hero sections, portfolios, product showcases, testimonials, or anywhere you want a premium, eye-catching photo display.Fully no-code friendly with intuitive property controls — just drag, customize, and publish.Inspired by popular Three.js demos (used under MIT license). Built from scratch for Framer with dynamic imports for reliability.Ready to wow your visitors — add this glass effect today!

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-xgis2vdh-vIbDgQuUpscxfnJ2GC09kzDfscOuyy)

**IMPORTANT:** Due to the nature of digital code components, **all sales are final and non-refundable**. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

**Before purchasing, please:**

-   Review the component demo and documentation carefully
    
-   Check the feature list to ensure it meets your needs
    
-   Contact us at troy@fireislanddesign.com with any pre-purchase questions
    

For design work, questions, or help, please reach out at [https://www.fireislanddesign.com/](https://www.merokeeventures.com/)

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

-   All · #6999

## Details

- **Author**: Troy Miller
- **Price**: $5.00
- **Published**: 2026-01-20
- **Updated**: 2026-06-17
- **Added**: 2026-01-07
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase