Neumorphism.io

Neumorphism.io is a CSS generator for soft UI, also called neumorphism. It creates the light and dark shadows that give an element a soft, raised look.

You pick a colour and adjust the size, radius, distance, intensity, blur and shape of an element. The generator updates the shadows as you change each value, and then it gives you the CSS to copy. The site also shows a gallery of community examples so you can see how the style looks in real designs.

• Adjust colour, size, radius and shape
• Control shadow distance, intensity and blur
• Copy the generated CSS
• Browse community examples

Neumorphism.io suits front-end developers and designers who want to test a soft UI style. It is useful for simple cards, buttons and toggles where you want a subtle, monochrome look.

The listing does not state pricing, and the generator works in the browser. Neumorphism uses low-contrast shadows, which can be hard to see for some users, so check the contrast of text and controls before you use it. The style works best on a single background colour and is less suited to busy layouts.