Get 50% off during WWDC 2024!

Design+Code logo

Quick links

No results found

Suggested search

Drop shadows and inner shadows are common practices for creating a 3D visual effect to UI elements. For instance in the project design, each of the forecast cards have a drop shadow and there is an inner shadow on the search bar. They can be seen in many design styles and are an absolute must in neumorphism. Neumorphism emphasizes the 3D effect and it really gives you the impression that the elements are raised or sunken. In this section, we’ll learn how to apply an inner shadow and furthermore, turn this aspect into a reusable technique.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.


Design template


Source code for all sections


Video files, ePub and subtitles

Browse all downloads