Skip to content

component

Glass Gallery Cube

By Shivani Das

Details

Summary

Glass Gallery Cube 🧊 An immersive 3D glass-morphic photo gallery cube that disassembles into a flat responsive image grid on scroll.

Description

Glass Gallery Cube 🧊 An immersive 3D glass-morphic photo gallery cube that disassembles into a flat responsive image grid on scroll. Description A scroll-driven 3D photo gallery wrapped in a translucent glass cube. On load, images are arranged across the faces of a rotating cube with realistic glass refraction. Scroll to smoothly disassemble the cube into a flat, browsable image grid. ⭐Features 3 layout modes — Square (6 faces), Rectangle (12 faces), Quad (24 faces) Smooth pointer-driven rotation with exponential damping Realistic glass material — adjustable thickness, roughness, opacity, color, and refraction Scroll-pinned transition — cube unfolds into a responsive flat grid with configurable gaps and item sizes Adaptive performance — auto-detects device capability, scales pixel ratio and raycast frequency accordingly

Introduction

A 3D glass-morphic photo gallery

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300134458/148/228/309/79/15
  • All · #1339