Conditional Animation Loop

2,750
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

Constantinos Thoma

Date picker

7,356
1
439
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

Vector Animation Splash

3,542
4
81
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Drag and Drop

4,704
0
79
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

koinet

1,196
0
14
Crypto market platform

05c4454c-504d-11ed 9221-0e76797a4f7b

Messages Project - Chat

2,740
0
140
A project with 3 types of chat messages examples (chatbot) 1. Preset Messages appear automatically 2. Preset Messages appear when you select Enter 3. Typed Messages appear after typed

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

RPG Game Menu

1,081
0
10
A simple RPG game menu with various options inspired by Larian Studios work on 'Divinity Original Sin' series. • DISCLAIMER: Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for quot; fair use amp; quot; for purposes: such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute That Might Otherwise be infringing. Non-profit, educational staff or use tips the balance in Behalf of fair use. I do not own the song used in this prototype.

186c533a-504d-11ed 9221-0e76797a4f7b

Map Routes

2,514
0
91
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

186c533a-504d-11ed 9221-0e76797a4f7b

Reading Percentage Indicator

1,170
0
4
A news app prototype with a reading percentage indicator upon scrolling. Includes variables that calculate the scroll position in % and update the loader fill percentage. Fill free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Next