anime_animate: Create a single Anime.js animation

In animejs: R Bindings to the 'Anime.js' Animation Library

Create a single Anime.js animation

Description

The R equivalent of Anime.js v4's animate(targets, parameters): one set of property animations applied to one target selector, without a timeline. Use anime_timeline() and anime_add() instead when several segments must be sequenced.

Usage

anime_animate(
  selector,
  props,
  duration = NULL,
  ease = NULL,
  delay = NULL,
  loop = FALSE,
  alternate = FALSE,
  reversed = FALSE,
  autoplay = TRUE,
  stagger = NULL
)

Arguments

selector	CSS selector string identifying the SVG/HTML elements to animate. Use ⁠anime_target_*()⁠ helpers to construct selectors.
props	A named list of property animations. Values may be scalars, two-element numeric vectors (from/to), anime_from_to() objects, or anime_keyframes() objects.
duration	Duration in milliseconds. NULL uses the Anime.js default.
ease	Easing, an anime_easing object or an Anime.js easing name string. NULL uses the Anime.js default.
delay	Delay in milliseconds before the animation starts. NULL uses the Anime.js default.
loop	Logical or positive integer. FALSE for no looping, TRUE for infinite looping, or a fixed number of iterations.
alternate	Logical. Alternate direction on each iteration.
reversed	Logical. Play in reverse from the end.
autoplay	Logical. Start playing immediately on load.
stagger	An anime_stagger object for per-element delay offsets.

Details

Like a timeline, an anime_animation can be modified with anime_playback() and anime_on(), and is rendered with anime_render().

Value

An anime_animation object.

Examples

anime_animate(
  selector = anime_target_class("circle"),
  props = list(
    translateY = anime_from_to(-40, 0),
    opacity = anime_from_to(0, 1)
  ),
  duration = 600,
  ease = anime_easing_spring()
)

animejs documentation built on Aug. 21, 2026, 5:17 p.m.