{"repo":"iyinchao/liquid-glass-studio","free":true,"listed":false,"github":"https://github.com/iyinchao/liquid-glass-studio","clone":"git clone https://github.com/iyinchao/liquid-glass-studio.git","description":"🔮 The Ultimate Apple Liquid Glass UI — Recreated for the Web, powered by WebGL2 & WebGPU","language":"TypeScript","stars":603,"topics":["glsl","liquid-glass","react","shader","webgl","webgl2","liquid-glass-effect","liquidglass","webgpu"],"license":"MIT","category":"ui-components","readme_excerpt":"🔮 Liquid Glass Studio English 简体中文 O‘zbekcha The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 & WebGPU. Includes most Liquid Glass features with fine-grained controls for detailed customization. Online Demo https://liquid-glass-studio.vercel.app/ For users in mainland China, please visit: https://liquid-glass.iyinchao.cn/ ScreenShots Features ✨ Apple Liquid Glass Effects: - Refraction - Dispersion - Fresnel reflection - Superellipse shapes - Blob effect (shape merging) - Glare with customizable angle - Gaussian blur masking - Anti-aliasing ⚙️ Interactive Controls: - Comprehensive real-time parameter adjustments via an intuitive UI 🖼 Background Options: - Support for both images and videos as dynamic backgrounds 🎞 Animation Support: - Spring-based shape animations with configurable behavior Technical Highlights - WebGL2 / WebGPU dual-backend rendering for high-performance graphics - Multipass rendering for high-quality & performant Gaussian blur - Using SDF Defined shapes and smooth merge function - Custom shader implementations for realistic glass effects - Custom Leva UI components for intuitive parameter controls Getting Started Prerequisites - Node.js (latest LTS version recommended) - pnpm package manager Installation TODO - [x] More Glare Controls (hardness / color / size etc.) - [x] Custom Background - [x] Render with WebGPU - [ ] Editor mode - [ ] Glass Text Rendering - [ ] Glass Presets - [ ] Self-illumination - [ ] HDR illumination - [x] C","default_branch":null,"files":null,"tree":[],"storefront":"/r/iyinchao","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/iyinchao/liquid-glass-studio/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."}