Neumorphism Generator

Soft UI neumorphism CSS generator with flat, concave, convex and pressed shapes.

Controls

Base color

Shape

Distance — 14px

Intensity — 0.15

Size — 200px

Radius — 40px

Live preview

Generated CSS

.neumorphic {
  width: 200px;
  height: 200px;
  border-radius: 40px;
  background: #e0e5ec;
  box-shadow: 14px 14px 28px #babfc6, -14px -14px 28px #ffffff;
}