CSS Neumorphism Generator

Generate neumorphic (soft UI) designs with realistic shadows and highlights.

Neumorphism Generator

Create soft UI designs with realistic depth

Background Color

Shape Type

Distance: 10px

Intensity: 0.15

Blur: 20px

background: #e0e5ec;
border-radius: 50px;
box-shadow: 10px 10px 20px #c2c7ce, -10px -10px 20px #ffffff;