Free Glassmorphism Effect Generator
Design modern glassmorphism effects for your UI. Customize blur, transparency, and generate CSS code instantly.
Blur & Transparency
8px blur, 65% opacity
8px
65%
Border & Shape
10px radius, 1px border
10px
1px
rgba(255, 255, 255, 0.3)
Background Color
rgba(255, 255, 255, 0.35)
Preview Background
Change background
CSS Code
Toggle CSS code
Glassmorphism Effect
This is how your glass effect will look