All guidesStart free
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.