Developer Essentials · Free Tool
Neumorphism Generator
Design soft-UI (neumorphic) elements with live preview — pick the surface colour, size and depth, and copy the CSS. Runs entirely in your browser.
Surface colour
Size
Radius
Distance
Intensity
Shape
CSS
How it works
Neumorphism (“soft UI”) makes an element look extruded from a single-colour surface using two box-shadows: a light one on the top-left and a dark one on the bottom-right, both derived from the surface colour. A subtle background gradient adds the concave/convex feel; the pressed variant moves the shadows inward with inset. All computed live on your device.