An interactive WebGL component for Framer.

Your image, suspended inside glass.

Volumetric Glass Photo places an image within a refractive 3D volume. Transparent edges, internal depth, and shifting reflections give it the presence of a small sculptural object.

The image sits on a plane inside the volume. As the object turns, refraction changes how it appears through the surface, while the side profile reveals the surrounding glass.

Adjust depth, tint, density, refraction, and highlights to shape the material.

Choose continuous rotation, a gentle swing, or a still composition. Fine-tune speed, direction, pitch, and floating motion.

Optional pointer tilt lets the object respond to the visitor’s cursor.

Choose from square, circle, oval, heart, hexagon, and octagon forms. Replace the image and adjust its fit and scale directly in Framer.

Built with native WebGL2 and no external dependencies, the component adapts to its container, responds to reduced-motion preferences, and pauses rendering outside the viewport.