Not trying to clone the Apple UI, just trying to get a feel for how to emulate a glass droplet effect with WebGL.
Experience the magic of real-time refraction and reflection effects.
This card shows how the droplet effect works while scrolling through content.
The droplet effect follows your mouse and works at any scroll position on the page.
Built with advanced WebGL shaders for real-time optical effects including refraction, reflection, and surface distortion.
Adjust shape, size, refraction strength, surface thickness, and specular highlights in real-time.
Try scrolling back up while moving your mouse to see the droplet effect in action!
This WebGL demo is optimized for desktop devices with mouse interaction. Mobile experience may be limited.