danfickle/skrollrmation

Skrollrmation is an open source visual design tool for animating images using the skrollr.js library.

Skrollrmation

Skrollrmation is a single page web-app to create on-scroll image animations using skrollr.js. Licensed under the MIT license. Please enjoy!

• Skrollrmation Web-app
• Demo animation: Concatenate Web Development

Features

• Possible for non-developers to use.
• Live view of keyframes as you edit properties.
• Client side single page app. No server code required.
• Animate image properties such as position, size, opacity and transforms.
• Automatically saves progress to browser.
• Easy for developers to add additional properties to animate.
• Output to HTML document.
• Save and load to/from JSON for collaboration with others.
• Divide animations into scenes.

Built with

• skrollr.js
• angularJS
• localForage
• angular-localForage
• bootstrap
• jquery
• jquery-ui
• ui-sortable for angularJS
• angular-uuid4
• FileSaver
• bootstrap-sweet-alert

Dependencies

Dependencies are managed with bower. Additionally, a grunt task is run to copy the needed javascript and css to the third-party folder.