Neumorphism Generator

Generate soft UI neumorphism designs

Type

Background Color

Shadow Properties

20px
40px
0.5

Border Radius

20px

Live Preview

Raised

Generated CSS

.element {
  background: #e0e0e0;
  border-radius: 20px;
  box-shadow: 20px 20px 40px rgba(96.5, 96.5, 96.5, 1),
              -20px -20px 40px rgba(255, 255, 255, 1);
}