Duplicate this template as your starting point for Next Level UI Prototyping & Animation

Duplicate this file as a starter pack to our UI Animation Workshop

Tinder UI cards

A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.

Concept intro of a mobile app. Loading screen and logo animating to the home screen of the app. Content appears in a subtle animation.

The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see swipe animations in all directions.

This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see drag animations in all directions.