CSS Neumorphism & Soft UI Generator

Neumorphism (Soft UI) is a visual design trend blending skeuomorphism and flat design. It creates the illusion of extruded shapes pushing out from or pressing into the background by casting dual complementary shadows: one dark shadow opposite the light source, and one light highlight facing the light source.

For the soft plastic extrusion illusion to work, the card or button must be the exact same base color as the surface behind it. The depth is conveyed purely through the dual box-shadow highlights and soft gradients.