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
 
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
 
curlmuhi profile image
Ekta Maurya

Great blog πŸ‘πŸ˜‡ keep goingπŸ’ͺ

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much EktaπŸ˜‡β€οΈ

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much ShadowπŸ˜‡β€οΈ

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
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you brother😊 Yeah sure I'll write moreπŸ™ŒπŸ˜