Skip to main content

Animation Presets

Motionly should offer a small set of polished presets before a large library.

Current Editor Presets

  • Fade in: opacity entrance
  • Rise in: opacity plus vertical movement
  • Scale in: gentle scale entrance
  • Blur reveal: blur, opacity, and slight vertical movement
  • Soft drift: subtle horizontal movement
  • Count up: animated numeric text with direction and grouping controls
These six presets are available from the Properties panel. Count up is shown only for text layers.

Language-Level Presets

The .motion engine also supports presets used by authored and agent-generated projects. They are not all exposed as visual editor controls yet.
  • drawSVG: path-first reveal for simple stroked SVG logos
  • countUp(from 0 separator comma direction up duration 2s): deterministic numeric text animation. The text layer’s value is the target number; direction down reverses the endpoints, and separator accepts comma, space, or none.

Transitions

  • shapeWipe(direction right): directional full-scene wipe
  • irisWipe: circular full-scene wipe
  • maskReveal(direction right): clipped media reveal
  • dynamicSlide(direction left): slide with a small skew and settle
  • speedZoom: camera punch used at a scene change
Use transitions to mark a real change in subject or scene. Do not place one between every object animation. Visual scene-transition controls are roadmap work.

Timing Defaults

  • Duration: 1s to 1.2s
  • Delay: 0s unless sequencing elements
  • Easing: power3.out

Quality Bar

Good presets are smooth, readable, and subtle. Avoid bouncy, random, noisy, or oversized motion.