# 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. ### 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. --- *Source: [ocxly.com/neumorphism-generator.html](https://ocxly.com/neumorphism-generator.html) — OCXLY, free 100% client-side privacy-first tools. Free neumorphism (soft UI) CSS generator with live preview. Pick the surface colour, size and depth, choose flat/concave/convex/pressed, and copy the box-shadow CSS. Runs in your browser.*