Interactive React tool
Liquid Glass Customizer
Tune refraction, blur, tint, chroma, lighting, and radius, then copy the generated JSX.
Drag to move
Controls
JSX
Preset
Material
Scale
0.78
Blur
2.0 px
Tint
0.14
Chroma
0.00
Radius
36 px
Fill
#000000
Edit color
Advanced Material
Depth
16
Curvature
1.00
Splay
1.00
Glow
0.030
Edge Highlight
1.00
Specular
2.75
Specular Angle
37°
Engine
Glare Opposite
0.84
Specular Preserve
0.92
Glow Spread
0.16
Glow Exponent
2.5
Edge Width
3.0
Edge Exponent
1.5
Chroma Red
1.00
Chroma Green
0.50
Saturate SVG
1.85
Saturate Blur
1.70
Pointer Highlight
Enabled
Hover Strength
0.34
Pressed Strength
0.58
Bloom Opacity
0.16
Radius
84 px
Saturation
1.16
Brightness
1.08
