SVG / DOM filter

SVG displacement glass

A DOM-layer reproduction that generates displacement maps, masks, tint, chroma offsets, and an SVG filter preview.

SVG / displacement Liquid Glass

Generated displacement map — On the left is the refracted result, on the right the map that drives it.

Tint 0.78 Width 70 Height 60 BorderRadius 28 Scale 0.100 Depth 10 Curvature 40 Splay 1.00 Chroma 0.20 Blur 0.00 Glow 0.10 Edge Highlight 0.25 Specular Angle 45

512 x 512 map / filter v0

Runtime src/labs/liquid-glass/runtime.ts

Reference Aave glass notes