Neumorphism / Soft UI Generator

Generate neumorphic CSS box shadows. Choose flat, pressed, convex, or concave shapes.

Properties

Shape Type

Background Color

#e0e5ec

Element Size200px

Border Radius20px

Shadow Distance20px

Shadow Blur40px

Shadow Intensity15

Live Preview

Generated CSS

.neumorphic {
  width: 200px;
  height: 200px;
  border-radius: 20px;
  background: #e0e5ec;
  box-shadow: 20px 20px 40px #d1d6dd, -20px -20px 40px #eff4fb;
}