This is an expand/collapse menu example that can be created using container states.

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.

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

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

A demo project animating the "The Umbrella Academy" logo components by using various transitions' types. The "The Umbrella Academy" logo is courtesy of Netflix https://www.netflix.com

I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

Nhóm 13 Ứng dụng mua bán đồ cũ. Để đăng nhập vào ứng dụng. 1. Ở màn hình đăng nhập. Tap = hiển thị lỗi Double tap = Đăng nhập vào hệ thống 2. Tại trang chủ khi chưa đăng nhập. Vui lòng ấn vào biểu tượng Account góc phải màn hình để đăng nhập ứng dụng.

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/

Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html