🔮 Glassmorphism Generator

Design glass morphism cards visually — adjust every parameter and copy the CSS.

Glass Card
This is a glassmorphism effect. Adjust the sliders to customise the blur, opacity, and border to your liking.
Button
Background Blur
16px
Background Opacity
18%
Border Opacity
30%
Border Width
1px
Border Radius
20px
Tint Color
Card tint
Shadow
20px
CSS Output