Basic Animation
Lite supports four animatable properties per object
Animation in Lite works with two keyframes per property: a start state and an end state. The app interpolates linearly between them. There is no graph editor or easing control.
Position Animation
Move an object from one position to another across the animation duration.
| Step | Action |
|---|---|
| 1 | Drag the playhead to 0s. Position your object where it should start. |
| 2 | Open the Object Panel. Tap "Add Keyframe" for X and Y. |
| 3 | Drag the playhead to the end time (e.g. 1s). |
| 4 | Drag the object to its end position. Keyframes are set automatically. |
Scale Animation
Change the size of an object over time.
| Step | Action |
|---|---|
| 1 | Drag the playhead to 0s. Set width and height to the start size. |
| 2 | Tap "Add Keyframe" for Width and Height. |
| 3 | Move the playhead to the end time. |
| 4 | Set width and height to the end size. Keyframes set automatically. |
Rotation Animation
Spin an object from one angle to another.
| Step | Action |
|---|---|
| 1 | Drag the playhead to 0s. Set rotation to the start angle (e.g. 0°). |
| 2 | Tap "Add Keyframe" for Rotation. |
| 3 | Move the playhead to the end time. |
| 4 | Set rotation to the end angle (e.g. 360°). Keyframe set automatically. |
Duration Control
The total animation length is set in Project Settings. Tap the gear icon in the toolbar to open settings. You can set duration from 0.5s to 10s in 0.5s increments.
| Setting | Range |
|---|---|
| Duration | 0.5s – 10s |
| Frame rate | 24 fps or 30 fps |
| Loop | On / Off toggle |
Example Workflow
A square that slides in and grows to full size.
Add a square to the canvas.
Drag playhead to 0s. Set X = -200, Width = 50. Add keyframes for X and Width.
Drag playhead to 1s. Set X = 100, Width = 150. Keyframes set automatically.
Tap Play to preview.
Tap Export to save as MP4.