Neumorphism Generator
Create soft-UI shadow effects with copyable CSS.
Soft, extruded UI
Neumorphism, or soft UI, makes elements look moulded from the surface behind them, using two shadows — one light, one dark — on opposite corners. It is subtle and tactile.
Pick a surface color and shadow distance, choose raised or pressed, and the preview and CSS update together. The effect works best on a background that matches the element color.
Tactile and private
The CSS is generated in your browser, so nothing you enter is uploaded.
Frequently Asked Questions
What is neumorphism?
A soft-UI style where elements appear extruded from the background using a pair of light and dark shadows.
Why two shadows?
One light shadow and one dark shadow, on opposite sides, create the raised or pressed illusion.
Can I copy the CSS?
Yes. The full box-shadow and background are shown and copyable.
Browse the full set of free, private, in-browser tools.