Template for Next Level UI Prototyping & Animation, June 2024

A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

The project contains numerous examples completed using variables and conditional logic.

I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Sliding menu with animation on screen

An idea of a draggable share button. Much easier with one hand drag than two clicks. Just drag the share icon and you'll see.

Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

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 project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Had fun working with this experience. Interactions: • tap 'Retweet' button > tap cancel • tap 'Retweet' button > tap 'Interesting Facts' That's all! All interactions and icons subject to change ;)