🔘
Neumorphism CSS Generator
Design soft-UI neumorphic shadows and copy the CSS, with flat, concave, convex and pressed styles.
Free · No sign-up · Updated August 2026
border-radius: 30px; background: #e0e5ec; box-shadow: 14px 14px 30px #babfc6, -14px -14px 30px #ffffff;
🔒 This tool runs entirely in your browser. Your data is never uploaded.
Frequently asked questions
What is neumorphism?＋
A 'soft UI' style where elements look extruded from the background using a pair of light and dark shadows. It works best on a solid, mid-tone background.
Why do concave and convex need a gradient?＋
Those styles add a subtle gradient so the surface looks pushed in or bulging out; flat and pressed use a solid fill.