Neumorphism Generator

Generate soft UI (neumorphic) CSS shadows with shape, intensity, and color controls.

Preview

Settings

Background Color

Shape

Distance12px

Intensity15%

Blur24px

Border Radius16px

Size150px

CSS Code

border-radius: 16px;
background: #e0e5ec;
box-shadow: 12px 12px 24px #bec3c9,
    -12px -12px 24px #e5e9ef;

Was this page helpful?

Related tools