All guides

Animation.

A real timeline, driven by GSAP.

Animate mode
Toggle Animate in the top bar. The timeline docks at the bottom; drag its grip to resize it.
Auto key
On by default: park the playhead, pose anything on the canvas, and a keyframe records itself at that time. Pose at a new time, get a new keyframe: that is the whole workflow.
Auto key off
You pose the base artwork freely. Elements that already have tracks still record at the playhead, so you can fix existing animation without adding new keys elsewhere.
Record by doing
Move, rotate, scale, drag the anchor, even warp and rig poses. Whatever you do on the canvas is what lands on the timeline.
Scrub and select
Drag anywhere on the ruler or the lanes to scrub. Click a keyframe to select it; it also selects its element on the canvas.
Retime
Drag a keyframe diamond to move it in time. Drag an element's summary row to slide its whole animation at once.
Copy and duplicate
The transport has copy, paste and duplicate for the selected keyframes, and Ctrl C, Ctrl V, Ctrl D and Delete work on them while the timeline is focused.
Delete at any level
One keyframe, one property row, one whole element, or the entire timeline: each has its own trash.
Try it yourself
Your first animated vector is one sentence away.
Start free