Neumorphism Generator

Generate soft UI neumorphic shadows with customizable shape, distance, intensity, and color.

Privacy first: Your files never leave your browser. All processing happens locally on your device.

Shape:Base Color:

Radius12pxDistance6pxIntensity0.15Blur12px

Preview

CSS Code

border-radius: 12px;
background: #e0e5ec;
box-shadow: 6px 6px 12px rgb(190, 195, 201),
             -6px -6px 12px rgb(241, 246, 254);

Frequently Asked Questions

What is neumorphism?

Neumorphism (or soft UI) is a design style that uses subtle light and dark shadows on matching-background elements to create a soft, extruded appearance.

What shapes are supported?

This generator supports flat, concave, convex, and pressed shapes, each producing different light and shadow combinations.