GitHubBackgrounds, Effects & CSS Oddities · Liquid glass
Interactive browser demo of an iOS 26 style glass panel you can drag over page content to inspect the refraction math.
Why it’s a gem
Draggable demo makes the displacement-map technique legible in about a minute
Real-time WebGPU liquid-glass sphere editor with 11 presets, URL-hash parameter sharing, and export to standalone HTML or SwiftUI/Metal code.
WebGPU liquid-glass carousel demo with real-time refraction and chromatic dispersion, built on three.js TSL node materials.
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.
Apple-inspired glass effects library exposing displacement, blur and highlight layers as a plain JavaScript API.
Runtime glassmorphism layer that samples the page behind an element and renders real refraction, blur and specular highlights in WebGL.