Apple Liquid Glass using Threejs R3F
· 1:44 · Components · three.js, react-three-fiber, source-code, webgl, r3f
Watch on YouTube · Subscribe to the channel
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