Neumorphism Advanced

Generate Soft UI effects with realistic inner and outer shadows.

Generate "Soft UI" effects with realistic inner and outer shadows

Base Color

Size: 150px

Radius: 30px

Distance: 10px

Blur: 20px

Intensity: 15%

Shape

Preview

border-radius: 30px;
background: #e0e0e0;
box-shadow: 10px 10px 20px rgb(186, 186, 186), -10px -10px 20px rgb(255, 255, 255);

About Neumorphism Advanced

Master the art of soft shadows. Create complex convex, concave, and pressed neumorphic elements with precise control over light source and intensity.

Found a bug or have a suggestion to improve the Neumorphism Advanced? Let us know and we'll fix it!