Neumorphism CSS Generator

Create soft UI neumorphic designs with auto-calculated shadows and multiple shape styles

Live Preview

Soft UI

Neumorphism

Style Controls

Neumorphism uses the same color for background and element

200px
20px
15px
30px
Generated CSS
border-radius: 20px;
background: #e0e5ec;
box-shadow: -15px -15px 30px #feffff,
            15px 15px 30px #c2c7ce;