{"repo":"ektogamat/apple-liquid-glass","free":true,"listed":false,"github":"https://github.com/ektogamat/apple-liquid-glass","clone":"git clone https://github.com/ektogamat/apple-liquid-glass.git","description":null,"language":"JavaScript","stars":156,"topics":["react-three-fiber","threejs","glsl","liquid-glass","react","webgl"],"license":null,"category":"game-templates","readme_excerpt":"Apple Liquid Glass using Threes and React Three Fiber A simple-to-use example on recreating the Apple Liquid Glass effect in React Three Fiber Live link: https://appleliquidglass.vercel.app Important to mention Although beautiful, it's known that using meshes to achieve the effect degrades performance. I'll work on another solution soon that uses shaders and a single draw call to distort the image based on UV distortion, without using meshes, which should result in better performance. However, my example should at least help you understand how this type of effect works in WebGL. It's a small project, but full of little tricks and tips that can help. What I did here was inspired by the work of many others who have already done similar effects. Especially the work of Paul Henschell, who did something similar a long time ago. License This component is an open-source creation released under the (MIT) license. While you're free to integrate and innovate with it, I would genuinely appreciate knowing when this component sparks creativity in your projects! Can you leave a star please? Would be really appreciated if you are willing to give me a star here on GitHub 🎉 or buy me a coffee ☕ https://www.buymeacoffee.com/andersonmancini.","default_branch":null,"files":null,"tree":[],"storefront":"/r/ektogamat","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ektogamat/apple-liquid-glass/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}