Liquid Glass for the Web

Field notes

The implementation uses displacement maps whose red and green channels encode pixel movement and whose blue channel supplies a rim highlight. The page says maps are cached and regenerated only when the glass shape changes, allowing a lens to move without a full redraw. Native inputs sit below decorative glass copies, preserving the underlying control layer for interaction and accessibility.