The Ultimate List of Neumorphism Design Resources

written by Johannes Ippen. founder of Human Deluxe, @johannesippen

The world of simulated realism is back: Say Hi to Neumorphism! You either love or hate the hottest 2020 design trend, but one thing is for sure: You need to try it!

At first glance, neumorph interfaces shine through monochrome, smooth and haptic surfaces with huge, cloudy shadows. Like skeumorphism, this design polarizes. You might feel reminded of the temptation of activating all the Photoshop layer effects at once. If you want to be better than that, you’ve come to the right place.

This list collects all the ressources, tutorials, templates, code snippets and design files that you need to get started with neumorph UI design.

Tutorials & Intro

If you are completely new to neumorphism, check out this section first. We found the best explainer articles around neumorph design, and also some critical perceptions:

Examples

Before you get started, take a look at some of the best neumorph interfaces out there – These are currently our personal favorite neumorphism designs you can find:

Frameworks & Tools

Of course, you don’t need to start from scratch – There are templates, frameworks and code snippets you can utilize when designing neumorph interfaces:

This list will be updated regularly – so make sure you bookmark it and come back once in a while for new resources. If you have a link that you would like to see integrated here, reach out to me on Twitter or Instagram: @johannesippen.