DEV Community

Cover image for NEUMORPHISM | Soft UI

NEUMORPHISM | Soft UI

Ritvik Dubey on October 03, 2020

After three blogs on box-shadow this is about the best application of box-shadow that is NEUMORPHISM (aka Neomorphism). Neumorphism is a design tre...
Collapse
 
curlmuhi profile image
Ekta Maurya

Great blog 👏😇 keep going💪

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much Ekta😇❤️

Collapse
 
ljcdev profile image
ljc-dev • Edited

(this comment will be updated soon 😁)
Edit: Haha great introduction article to neumorphism buddy I've learnt how to make the basic shadow now. Waiting for your next update 😄

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey • Edited

Okay buddy JC, article is updated! Now its your turn to update the comment.😜 Edit: Thank you JC😇 Yeah this time not gonna edit this😅 I'll be publishing new one.

Collapse
 
winstonpuckett profile image
Winston Puckett

I found this tool - neumorphism.io and haven't had to write my own neumorphic shadows since. Great post :)

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Yeah that tool is amazing. I forgot to mention it in blog. But I think one must know what actually happens in neumorphism😇

Collapse
 
winstonpuckett profile image
Winston Puckett

Agreed :). When I built neoplumes.com, I built in a css rule which calculated what the neumorphic colors should be, but it probably would have been better to do what you've shown in the post.

Collapse
 
ozakaran profile image
🆖 Karan Oza

Very helpful for newbies in css...👏
Great going Ritvik 👍

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Yeah writing most of the articles to help newbies. Thank you brother for always being supportive 😇

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much Shadow😇❤️

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you brother😊 Yeah sure I'll write more🙌😁