Neumorphism is a recent trend that is a descendant of skeuomorphism and is being used in UX and UI design on websites everywhere. To take a quick look at this newer trend we’ve put together a collection of some cool examples for you to browse and potentially use in your upcoming projects. Let’s dive in!
Subtle click animations highlight this small collection of buttons.
A cool animation of a fingerprint on hover make this one interesting.
Here’s a nicely styled login form.
An unusual gradient page loading animation.
Six beautifully designed all white dominoes.
Hover over each of the 16 buttons in this collection to see a different animation for each.
A nice pure CSS animation on click.
Another button example made with pure CSS.
Here’s a nice design that was coded in pure CSS.
A neumorphic take on the hamburger menu icon.
A nicely styled analog clock.
At first glance this search bar is relatively simple, but type in a word and hit “Enter” to see some slick animation.
How Will You Use Neumorphism In Your Projects?
Whether for a mobile app or a website, this trend could be something you could use in your upcoming projects – or not. We hope our small collection has provided some inspiration and insight as you make that determination. Be sure to check out our other collections while you’re at it!
This post may contain affiliate links. See our disclosure about affiliate links here.