GitHubBackgrounds, Effects & CSS Oddities · Liquid glass
Liquid glass web components for plain HTML, React and Vue that actually refract the page using Snell's law, with ten ready-made controls.
Why it’s a gem
Tuned pixel by pixel against Apple's renderer instead of faking glass with blur.
Real-time WebGPU liquid-glass sphere editor with 11 presets, URL-hash parameter sharing, and export to standalone HTML or SwiftUI/Metal code.
Liquid Glass design system for Flutter with refraction, blur, tint and rim over the live backdrop; every component documented live with guide, code and API.
WebGPU liquid-glass carousel demo with real-time refraction and chromatic dispersion, built on three.js TSL node materials.
Liquid Glass control library for the web: nineteen iOS 26 style components with real refraction, as Web Components plus React, Vue and Svelte bindings, about 36 kB gzip.
Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL.
CSS-only refractive chromatic aberration effect that fakes light dispersion through glass edges using layered filters.