GitHubBackgrounds, Effects & CSS Oddities · Liquid glass
Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL.
Why it’s a gem
Edges actually bend what's behind them; a live playground beats plain blur glassmorphism.
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.
CSS-only refractive chromatic aberration effect that fakes light dispersion through glass edges using layered filters.
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.