Design+Code logo

Quick links

No results found

Suggested search


Prototyping Maps app Part 2 - Nav Bar and Drag gesture


Add to favorites

Learn how to prototype the Nav bar and drag gesture

Welcome back to the second section of my maps app prototype. In the first section of this tutorial series, we learned how to animate the action buttons, car and map animations and icons animations using after delay and while hovering interaction. Now that we got all the informations, we’ll prototype the top nav bar using while hovering interaction to make like a bouncy effect and we’ll finish with the drag gesture using on drag interaction.

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