Neumorphism Shadow Calculator

Project URL: https://neumorphism-calculator.glitch.me
Project code: https://glitch.com/edit/#!/neumorphism-calculator

This afternoon project is supposed to help you add neumorphic designs to your website. It doesn’t work perfectly - read about how I made it and its vulnerabilities/incapabilities on this DEV.to article: https://dev.to/carlyraejepsenstan/reverse-engineering-neumorphism-io-5af4

7 Likes

Oooh. Cool app!

2 Likes

Nice! Never heard of neumorphism (if I can spell it right) until now and I’m starting to like the concept of “soft UIs”. I used to use smooth box shadows to give such an effect to buttons and divs, but this looks even more awesome!

2 Likes

Yeah, it’s pretty cool! You can do other cool stuff like giving the buttons gradients so they look like they’re pushing out of the page - my other DEV.to article had an example of animating a gradient so the button disappears into the background.

shameless plug

@code-alt it is cool - I don’t make plain white and dark shadows like this anymore…

3 Likes

BRUHHHHHH, sweeet!

2 Likes

1317_Embarrassed_laugh

Thanks!