DEV Community

Cover image for Neumorphism (soft UI) sass mixin
Wing
Wing

Posted on

Neumorphism (soft UI) sass mixin

Just a little sass mixin to help implement neumorphism or soft ui styling. It take a color and set box-shadows based on that given color.

What is neumorphism?

"The neomorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
~ Design trends: Neomorphic design

Demo

Top comments (0)