45 random acts of kindness you can do today!

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.

An animation of our Solar System

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)

This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

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 panning animations in all directions.

A demo showcasing Windows 8 components.

A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.