Smooth Liquid Glass Effect Made with Three.js

Web developer and tech artist Faraz Shaikh showed a liquid glass effect he created using the Three.js JavaScript 3D library.

The drop-like shapes move smoothly thanks to MeshPhysicalMaterial with a fully ray-marched surface made of Signed Distance Fields (SDFs). You can enjoy the visuals in Shaikh's demo and see the code on GitHub.

Shaikh has other fascinating projects on his X/Twitter, check them out:

After Apple revealed its Liquid Glass design, many artists decided to recreate it and add their own. Take, for example, Jesse Miettinen's Blender UI.

Join our 80 Level Talent platform and our new Discord server, follow us on Instagram, Twitter, LinkedIn, Telegram, TikTok, and Threads, where we share breakdowns, the latest news, awesome artworks, and more.