# Apple Liquid Glass using Threejs R3F

> I increased the parallax effect in the background to visualize the liquid glass effect better and created a custom settings panel. The settings have a…

Canonical page: https://andersonmancini.dev/videos/apple-liquid-glass-using-threejs-r3f

Published: 2025-06-15 · Duration: 1:44 · Category: Components · Tags: three.js, react-three-fiber, source-code, webgl, r3f

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

I increased the parallax effect in the background to visualize the liquid glass effect better and created a custom settings panel. The settings have a slider that also uses Liquid Glass to control the thickness of the glass on the cursor, as well as some background options, and also icons or a clock for testing. This is the code structure. Let me know if you would like a video breakdown.

Please leave a star on GitHub if it was useful

## Links from the video

- [Source code on GitHub](https://github.com/ektogamat/apple-liquid-glass)
- [Live demo](https://appleliquidglass.vercel.app/)