Soft UI, generated
Neumorphism makes an element look moulded from the background rather than placed on top of it. The trick is a matched pair of shadows — dark on one corner, light on the other — derived from the surface colour. This generator computes both from your chosen background and previews the result live.
Four surface shapes
Switch between flat, convex, concave and pressed to change how the shape sits in the surface, from gently raised to pushed in. Because the effect leans on subtle contrast, use it deliberately — and copy the CSS straight into your project. It all runs on your device.