This project provides you with templates and UI elements to get started with building your own prototype of a FOLIO app.

testtesttesttest

A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Using variables on a slider to control the Brightness and Hue of a light bulb

Infinite snap carousel for Credit Card Statements. Cards designs were used from Sketch from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

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

Curved Slider controlling lamp brightness. Designs taken from: https://www.sketchappsources.com/free-source/3592-smart-lamp-view-sketch-freebie-resource.html

Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

This 18 Cool Gradients was designed by Osama Dawood https://www.sketchappsources.com/free-source/3607-gradients-ui-kit-sketch-freebie-resource.html