Sticky Scrolling Sidebar Example

5,209
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

Net Magazine Prototype - Juxtacaption

2,749
1
12
This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen

Todd Siegel

Demo: Web parallax

6,312
3
113
Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Jazz Music Player

5,091
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Clubbing and Nightlife

6,164
1
118
This project is inspired by Vasjen Katro’s concept ‘Clubbing & Nightlife’ App ‘2Night’. It showcases how Proto.io can be used to create a beautiful parallax scrolling effect. If you’d like to find out how I achieved this effect feel free to import the project into your own account for reverse engineering. https://dribbble.com/shots/2041810-City-intro-animation

Christos Chatzikkos

Dial Timer

1,517
0
25
A reverse timer using the handle to designate where the timer begins its countdown.

1866935c-504d-11ed 9221-0e76797a4f7b

Reading Percentage Indicator

1,289
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

Donuts

5,133
2
First Project, just for fun..

Merry Mustard

Next