Animations

Make elements bounce, fade and slide when screens open, on hover or on a loop.

Animations make your UI feel alive: a title that bounces in, buttons that slide up one after another, a gift that gently pulses.

Add an animation

1. Select an element.
2. Open the Animate tab.
3. Click Add Animation and pick a preset, for example Fade In Up, Bounce In or Pulse.
4. Choose when it plays (see below), and adjust the duration, delay and easing if you like.

The element plays the animation on the canvas so you can see it. Turn on Replay on canvas while editing to keep watching it while you tweak.

When does it play?

Trigger · Plays…

Appear · when the screen opens or the element is shown Disappear · before it is hidden or the screen is left Hover start / Hover end · when the mouse moves onto or off it Press / Release · when the finger or mouse button goes down or up Click · when it is clicked or tapped Loop · over and over while it is visible, like a pulsing gift Manual · only when a Play Animation action runs it

Make things arrive one after another

Give a column of buttons the same Appear animation with a growing delay: 100 ms, 200 ms, 300 ms… They slide in one by one. The Main Menu template does exactly this.

Your own keyframes

Presets are a starting point. Open an animation to edit its keyframes: position, size, rotation, opacity and colour at different moments. Pro and Max plans include every preset and custom keyframes.

Screen transitions

The animation between two screens is set on the Navigate action, not here: pick a transition like Cross-fade, Slide in from right or Push left. See Actions.

In Unity

Animations are exported with the same keyframes and easing, so they look the same in your game. With Live Sync on, changes show up in Unity as you make them.