Design+Code logo

Quick links

No results found

Suggested search

Every app has to involve animations. They are like the spices in a dish. Animations are captivating and take out the boring aspect during the browsing experience or user interaction.

In the prototype, there are many elements that slide up or down while dragging the bottom sheet. The obvious ones are the images and the hero text. To achieve this, we can make use of the transition modifier or create a custom animatable modifier, but we won’t use neither of them. We’ll go another way, a combination of geometry reader and a progressive state to create a smooth transition.

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