ClearKit

Online tool

Generate Glassmorphism CSS

Generate glassmorphism CSS with visual controls for blur, opacity, colors, and subtle borders.

Ready in seconds
Preview
background: #ffffffa3;
backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 8px;
box-shadow: 0 18px 54px rgba(40, 63, 84, 0.14);