Neumorphism Generator

Create soft UI / neumorphic design effects.

Neumorphic

Background

Shape

Distance: 10

Intensity: 30

Blur: 20

Radius: 16

.neumorphic {
  border-radius: 16px;
  background: #e0e5ec;
  box-shadow: 10px 10px 20px #c2c7ce,
              -10px -10px 20px #feffff;
}