Glassmorphism & Neumorphism

Design frosted-glass and soft-shadow neumorphic panels with backdrop-blur. Copy production-ready CSS.

Runs entirely in your browser — nothing is uploaded

Glass

Preview

Tint color

Tint opacity: 0.15

Blur: 14px

Saturate: 160%

Border alpha: 0.25

Radius: 20px

CSS

background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(14px) saturate(160%);
-webkit-backdrop-filter: blur(14px) saturate(160%);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 20px;