The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

Redesigned from: https://www.sketchappsources.com/free-source/4742-job-seaking-app-sketch-freebie-resource.html to create the sign in process for a company. Incudes: Splash Screen Onboarding Carousel Message Notification Animation Auto Change Focus on Inputs

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.

An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

The result of a Design Sprint Process.

Spoon is a dating app concept aiming to make online dating more efficient, and fair. The concept has the following main characteristics: 1) Gender equality ⁠— the app decides who makes the first move; 2) Time efficiency — no need to put in hours of work to meet somebody; 3) Incremental steps towards a clear goal — no limbo states, no endless/goalless swiping; 4) Fairness, respect, and accountability for its users — choosing someone means you commit resources to that person, no second thoughts allowed; 5) Match exclusivity — chat with only one person at a time; no competing for one’s attention; 6) Fast and fluid interactions — chat while both users are online and active, no offline messages. I hope you like it.

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!

Don Tienda

Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/