{"repo":"imggion/liquid-glass-generator","free":true,"listed":false,"github":"https://github.com/imggion/liquid-glass-generator","clone":"git clone https://github.com/imggion/liquid-glass-generator.git","description":"Liquid glass generator","language":"TypeScript","stars":65,"topics":["design","glass","liquid","liquid-glass","liquidglass","ui","ui-design","ui-kit","ui-testing","liquid-glass-css"],"license":null,"category":"ui-components","readme_excerpt":"🌊 Liquid Glass Generator A real-time WebGL shader implementation for creating authentic liquid glass effects Try here Public Demo ✨ Features 🔬 Real Physics Simulation - Authentic refraction using Snell's law and mathematical optics - Dynamic distortion with real-time background warping - Edge detection for realistic glass boundaries - Curvature modeling for 3D glass surface simulation 🎮 Interactive Controls - Refractive Index - From air (1.0) to diamond (2.4) - Blur Radius - Control background blur intensity - Distortion Strength - Adjust refraction magnitude - Curvature - Shape the glass surface geometry - Edge Sharpness - Fine-tune boundary definition - Glow & Shadow - Realistic lighting effects 📱 Mobile Optimized - Touch-friendly interface with auto-animation - Responsive design that works on all devices - Optimized performance for mobile WebGL - Gesture-free experience on smaller screens 🎨 Material Presets - Pure Water - Crystal clear with subtle refraction - Dense Glass - Heavy optical distortion - Liquid Crystal - Smooth, flowing appearance 💻 Developer Tools - CSS Export - Get CSS approximations for production use - Real-time preview with instant parameter updates - WebGL shader source included for customization - Copy-paste ready code snippets 🛠️ Technology Stack - Next.js 15 - React framework with App Router - WebGL - Hardware-accelerated graphics rendering - GLSL Shaders - Custom fragment and vertex shaders - TypeScript - Type-safe development - Tailwind CSS -","default_branch":null,"files":null,"tree":[],"storefront":"/r/imggion","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/imggion/liquid-glass-generator/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."}