Glassmorphism Generator
Create frosted-glass CSS effects with real-time preview.
16px
80%
30%
px
#ffffff
background: rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.3);
Recommended Tools
Hand-picked utilities you might find useful