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

A simple demo of a system that permits scrolling through a long vertical text, with two different ways of directing the reader to the topic sentences.

This is my submission for a class project to make a prototype of an Interactive platform to learn and preform the SQ3R reading and note taking method. This version is liable to be updated in the future to implement further features if I am able to complete more important parts of the project submission that are not a part of this upload before the deadline Wednesday. A big thank you to the proto.io support hub team for answering my questions I had working with the platform for the first time (shout out to Andria Aristodemou and Akis Loannou). As well as thank you to John Lewis whose project on editing lists inspired my implementation of note taking.

A simple implementation of Pull to Refresh

An animation of our Solar System

Weather demo for 2 cities. Slide left/right to switch city

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.

An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.