EaseKitDocs
Reference · Animatable properties
Documentation

Animatable properties

Every property you can keyframe, with its unit, range, default and what it animates, plus the camera.

Every animated value in EaseKit is a track of keyframes on one of these properties. The names are what you see in the timeline's curve rows and the Layers tab, what the AI and MCP tools use, and what exporters map to CSS and Motion keys. Values are clamped to the range.

Transform

PropertyLabelUnitRangeDefaultAnimates
xXptAny0Horizontal offset from the layer's position
yYptAny0Vertical offset from the layer's position
scaleScalefactorAny1Uniform scale around the anchor (1 = 100 %)
scaleXScale XfactorAny1Horizontal scale
scaleYScale YfactorAny1Vertical scale
rotationRotation°Any0Degrees around the anchor
tiltXTilt X°Any03D tilt around the horizontal axis (top tips away)
tiltYTilt Y°Any03D tilt around the vertical axis (card flip)

Appearance and size

PropertyLabelUnitRangeDefaultAnimates
opacityOpacityfraction0–11Opacity
blurBlurpt0 and up0Layer blur
cornerRadiusRadiuspt0 and upThe layer's radiusCorner radius. With independent corners it's the largest corner, and all four scale with it
widthWidthpt0 and upThe layer's widthBox width. In Auto Layout, the siblings reflow
heightHeightpt0 and upThe layer's heightBox height. In Auto Layout, the siblings reflow

Stroke

PropertyLabelUnitRangeDefaultAnimates
trimStartTrim Startfraction0–10Start of the drawn part of a vector stroke
trimEndTrim Endfraction0–11End of the drawn part (0 → 1 is a draw-on)
trimOffsetTrim OffsetfractionAny; 1 = one lap0Shifts the drawn part along the path; wraps
strokeWidthStroke Widthpt0 and upThe layer's widthLine width
dashOffsetDash OffsetptAny0Dash offset (marching ants)
pathProgressPath Progressfraction0 to 1 along the path0Position along a followed path (set up by the AI with follow path)

Paint

PropertyLabelUnitRangeDefaultAnimates
gradientAngleGradient Angle°Any0Turns a linear or angular gradient
gradientShiftGradient Shiftfraction−2 to 20Slides the gradient stops (shimmer)
gradientMixGradient Mixfraction0–10Crossfades to the second paint

Effects

PropertyLabelUnitRangeDefaultAnimates
motionBlurMotion Blurpt0 and upThe effect's amountMotion blur length
zoomBlurZoom Blur0–100The effect's amountZoom blur strength
backgroundBlurBackground Blurpt0 and upThe effect's amountBackground blur
hueHue°AnyThe effect's valueHue rotation
saturationSaturationfactor0 and upThe effect's value1 = unchanged
brightnessBrightnessfraction−1 to 1The effect's value0 = unchanged
contrastContrastfactor0 and upThe effect's value1 = unchanged

Not keyframed, but still in time

  • Shape keys: a path's shape at moments, set in vector mode.
  • Actions: ready-made motions on top of tracks.
  • Text animations: per-letter presets.
  • Depth z: a layer's distance to the camera (set in the Layers tab).
  • Variant switches: an instance changing variant at a moment (Switch at playhead), tweened with its transition.
  • Video fades: a clip's Fades in and out (code and Lottie exports turn them into opacity keys).
  • Follow path: a layer travelling along a path layer, driven by pathProgress (Lottie imports with curved motion paths set this up).
  • Auto Layout: positions and sizes solved at every moment from the children's size, text and opacity; hold changes glide over the layout's transition (a 0.3 s spring by default).
  • Independent corners: cornerRadii (top left, top right, bottom right, bottom left) are fixed; the cornerRadius track scales them.

Camera

The camera has its own tracks, set by the Camera presets, the fine-tune controls and the AI.

PropertyLabelDefaultAnimates
zoomZoom1Moves closer (fine-tune: 0.5–2×)
panXPan X0Horizontal pan
panYPan Y0Vertical pan
rotateXTilt X0°Tilts the camera up and down
rotateYTilt Y0°Turns the camera around the vertical axis
rotateZRoll0°Rolls the camera
depthBlurDepth blur0Depth of field strength (fine-tune: 0–4)
focusFocus0The depth that stays sharp

Perspective (400–4,000, default 1,400) is a camera setting, not a track.