@webloved: How I build with Claude 👇 Academy in bio 🔗 That liquid chrome creature is real Three.js. Here is how it works: Chrome is impossible with lights alone, the trick is an environment map. Give the mesh a MeshStandardMaterial with metalness near 1 and roughness near 0, then feed it an envMap, the surface mirrors that environment and instantly reads as polished metal. The liquid morphing is animated vertex displacement, a noise function pushes the geometry points around every frame so the whole shape breathes and melts instead of sitting still. That single orange core is an emissive material set to one hex, and the whole page runs on a one color palette, everything else stays monochrome, that restraint is what makes the accent hit so hard. The wet floor is a reflector plane mirroring the scene, and the sound toggle is gated behind a click through the Web Audio API. Vue drives the interface, Three.js drives the 3D, that split is the whole studio look. Save this if you want liquid chrome 3D 🪞 #claude #buildinpublic #webdesign #webgl #fyp

weblove

Open In TikTok:

Region: PT

Friday 19 June 2026 20:04:43 GMT