Glassmorphism & Neumorphism CSS Generator

Design modern glass and soft UI effects with live preview, sliders, and ready-to-copy CSS code.

Glass effect preview

Background color

Accent color

Border radius (28px)

Shadow blur (26px)

Backdrop blur (18px)

Transparency (22%)

Shadow distance (12px)

CSS code

background: rgba(255, 255, 255, 0.22);
border-radius: 28px;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.37);
box-shadow: 0 18px 26px rgba(15, 23, 42, 0.16);

Share the tool