Extended UI libraries

26,219
3
122
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.

Akis Ioannou

Sign up - Sign in

6,711
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Swarm Check-in

18,820
0
177
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Variables Examples

35,145
44
2,625
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Google Inbox - compose animation

11,410
5
286
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.

Todd Siegel

Apple Watch using native UI library

33,341
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Drag and Drop Variables

5,128
9
217
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Date picker

8,265
1
441
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

34041018-d2c9-11ed 9221-0e76797a4f7b

Website Template

4,141
0
75
A website template with multilevel dropdown menus and scrolling area.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Next