Neumorphic UI Elements

Neumorphic UX UI Elements

Neumorphic UI Elements is Sketch mockup freebie. 

This neumorphic freebie is super stylish and minimalistic UI trend. For example with this UI kit you can make the buttons to look like real buttons that pop out of your screen! The design is clear and elegant so it could improve the look of any website and app design.

Neumorphic card pretends to extrude from the background. It’s a raised shape made from the exact same material as the background. When we look at it from the side we see that it doesn’t “float”.

This effect is pretty easy to achieve by playing with two shadows, one at negative values while the other at positive. But for it to work our background cannot be fully black or fully white. It needs at least a tiny bit of tint so both dark and “light” shadows will be visible. You can use any hue for the background so it can be warmer or colder depending on your choice. But white and dark shadows have to be visible on it, if slightly. You will see different buttons and search bars with perfect color contrast.


  • 1 Sketch file
  • Size: 378 KB

Feel free to use this freebie for your personal project ideas!

Neumorphic UI Elements for Sketch made Emy Lascan

Enjoy this UI freebie for Sketch! It will definitely inspire you! The neumorphism is the 2020 trend!

Download freebie

Similar resources

Please share and show some love :)

You may also like