What is neumorphism?
Neumorphism (or soft UI) is a design style where elements look like they are extruded from the background using two soft shadows: a light one on one side and a dark one on the other. The result is a subtle, tactile, almost embossed appearance.
Adjust the size, color, distance, and blur above, and the generator produces the CSS box-shadow you can copy straight into your stylesheet.
How to use neumorphism well
The effect relies on the element and its background being the same or a very similar color, so the shadows do the work. It looks best for cards, buttons, and toggles on a solid, muted background.
Use it sparingly: low contrast can hurt accessibility, so make sure interactive elements remain clearly visible and pass color-contrast checks. Copy the generated code and tweak the two shadow colors to match your theme.