logo80lv
Articlesclick_arrow
Research
Talentsclick_arrow
Events
Workshops
Aboutclick_arrow
profile_loginLogIn

Smooth Liquid Glass Effect Made with Three.js

Faraz Shaikh shared a demo. 

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 InstagramTwitterLinkedInTelegramTikTok, and Threads, where we share breakdowns, the latest news, awesome artworks, and more.

Join discussion

Comments 0

    You might also like

    We need your consent

    We use cookies on this website to make your browsing experience better. By using the site you agree to our use of cookies.Learn more