GitHubBackgrounds, Effects & CSS Oddities · Liquid glass
CSS-only refractive chromatic aberration effect that fakes light dispersion through glass edges using layered filters.
Why it’s a gem
Tiny stylesheet that gets 80 percent of the glass look with no JS or WebGL
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.
Interactive browser demo of an iOS 26 style glass panel you can drag over page content to inspect the refraction math.
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.