Neumorphism Generator
Generate soft UI / neumorphic design elements with CSS. Customize colors, size, radius, distance, intensity, and blur.
Live Preview
Shape
Controls
Light: #ffffff
Dark: #babfc6
200px
30px
10px
0.15
20px
Generated CSS
border-radius: 30px;
background: #e0e5ec;
box-shadow: 10px 10px 20px #babfc6,
-10px -10px 20px #ffffff;