Glassmorphism Generator

Design frosted-glass UI cards with live preview. Tweak blur, opacity, border, and shadow — then copy the CSS.

Background blur 12px Card opacity 0.18 Border opacity 0.25 Border radius 16px Shadow spread 20px Card color

Base tint

Background preset

Frosted glass UI component
ready for your design.