Neumorphism Generator

Generate soft-UI box-shadow CSS for flat, concave, convex, or pressed shapes with live preview. Free, private, runs in your browser.

Background color

Distance (px)20

Intensity0.15

Blur (px)40

Border radius (px)50

Shape

Neumorphic

CSS

border-radius: 50px;
background: #e0e5ec;
box-shadow: 20px 20px 40px #babfc6, -20px -20px 40px #ffffff;