Neuomorphism Generator

Generate soft, extruded UI elements with perfectly matched shadows.

Back to Design & UI

Neuomorphism Generator

Create soft, extruded modern UI elements with the "Neumorphic" aesthetic.

Radius30px

Distance20px

Blur40px

Background Mode

CSS Template

border-radius: 30px;
background: #e0e0e0;
box-shadow: 20px 20px 40px #bebebe,
            -20px -20px 40px #ffffff;

About Neuomorphism Generator

Master the "Soft UI" aesthetic. Adjust depth, light source, and color to generate the perfect neumorphic CSS for your buttons, cards, and input fields.

Something not working right?

Found a bug or have a suggestion to improve the Neuomorphism Generator? Let us know and we'll fix it!