Neumorphism Generator

Generate soft UI shadows

100% private — everything stays in your browser

Background

Border radius

Distance

Intensity

Blur

Shape

.neumorphism {
  background: #e0e0e0;
border-radius: 16px;
box-shadow: 10px 10px 20px rgba(0,0,0,0.15), -10px -10px 20px rgba(255,255,255,0.5);
}

How to use Neumorphism Generator

1
Provide your input — Enter your data or adjust the settings in the Neumorphism Generator tool above.
2
Get your result — Results appear instantly — all processing happens in your browser.
3
Copy or download — Copy or download your result. Everything was processed locally on your device.