Neumorphism

Create beautiful neumorphistic designs in just a few seconds. Just select anything you would like to "neumorph", open the plugin and boom. It adds shadows and gradient fills to your selection, which you can customize to your needs.

Some cool live-examples of neumorphism on the web:productdesignresources.comicons.theforgesmith.comshape.soWhat is neumorphism?

It's a UI trend which is using multiple shadows and gradients to "fake" light and to bring back a more natural and realistic look and feel. Kind of like skeuomorphism in iOS back in 2007. Read more about it here: https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6A few tips how to create beautiful neumorphic designs:

The background layer and the layer you are "neumorphing" should have the same color.

If you neumorph' text, be sure to also have it the same color, open the plugin, and when you're done, you can change the text color to a darker one, for better readability.

Neumorphism doesn't work on pure white or pure black, because it adds shadows that are darker / brighter than the background/current selection fill. If you use pure white or black, it will miss one of the shadows and it won't feel "neumorphistic" anymore. I'll suggest to take a kind of bluish tint of white / black.—Thank you very much for the kind help for the color calculation-algorithm from Adam, he built the site https://neumorphism.io/ on which you can generate neumorphic CSS shadows. Check it out! 🤗Feature requests? 😊 Questions?

Just hit me on Twitter (@madebyfabian), via mail (hello@madebyfabian.com) or via an Issue on GitHub.—Made with ❤️ by Fabian B. in Nuremberg, Germany. Want to support me? Would appreciate that very much! http://buymeacoff.ee/madebyfabian