# Apple Liquid Glass using Threejs and React Three Fiber - WebGL + glsl

> Apple Liquid Glass via and React Three Fiber looks sick . As I can see, it shows some readability issues, but those can be easily addressed by adjusting the…

Canonical page: https://andersonmancini.dev/videos/apple-liquid-glass-using-threejs-and-react-three-fiber

Published: 2025-06-10 · Duration: 1:26 · Category: Projects · Tags: three.js, react-three-fiber, shaders, source-code, webgl, ios26, creativecoding, wwdc25

Watch: [YouTube](https://www.youtube.com/watch?v=ibSL9ZCERY0) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

You can try it out here:

Apple Liquid Glass via and React Three Fiber looks sick . As I can see, it shows some readability issues, but those can be easily addressed by adjusting the roughness, metalness, or material, depending on what is underneath. I'm sure @Apple will fix it before launch.

I will be releasing the source code soon. Do you want it? Please sign up for my newsletter:

## Links from the video

- [Live demo](https://appleliquidglass.vercel.app/)
- [Live demo](https://andersonmancini.dev/)