Toolative
Back to tools

Neumorphism Generator

Create soft UI / neumorphic elements and export the CSS.

Live Preview
Background Color
Shape
Element Size200px
Border Radius20%
Distance/Depth20
Intensity40%
Blur30
Light Angle145°
CSS Output
background: #e0e5ec;
border-radius: 20%;
box-shadow: -16px 11px 30px #c8cdd4, 16px -11px 30px #f8fdff;