Add Animations to Pictures

Download them as short videos

For Demo purposes:
  1. Choose a template.
  2. Upload your picture.
  3. Customize the animation.
  4. Download video.

This page is for demo purposes only but is also usable. No guarantees or warrantees are given in its use or output.

Close this window to get started.



Drag Image for Positioning

Fill canvas
Don't resize
Fit canvas

Upload animation an sclpak .js file for editing

You can upload previously created animations and change them. It's as easy as it sounds.


Downloads disabled


Feedback Questionnaire


Your Animation

Zoom:      Runtime:


Press Stop to make video

Images used in animation

Images available for animation

Click or Drop Your Images Here

Up to 5 at a time.

Click an image to use as background

Click or Drop Your Images Here. Up to 5 at a time.

Canvas Sizing

Animation width:
Animation height:
Select a template to start

Animation Template Library

Animation Source Code

Edit the animation below. Learn more about it on the Help tab.


View a video with animated images inside
(and you'll also recognizes the templates from here).

  Learn through Examples

Below are interactive examples that you can experiment with to learn SCL.
You can also copy and paste the code into your own animations.

For more info


Make changes and press "apply changes" to see them take effect

Apply changes

This explains

Please let us know what you things, how we can improve, and what you liked. Also requests. And anything else you want to say.


Select your background image