anime_stagger: Create a stagger configuration for per-element delay offsets

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

Create a stagger configuration for per-element delay offsets

Description

When applied to a multi-element selector, Anime.js distributes animation start times across elements according to the stagger value.

Usage

anime_stagger(
  value,
  from = "first",
  start = NULL,
  reversed = FALSE,
  grid = NULL,
  axis = NULL,
  ease = NULL
)

Arguments

value	Numeric. Base delay in milliseconds between each element.
from	One of "first", "last", "center", or a numeric index. Controls which element starts first.
start	Numeric. Starting value added to every staggered delay.
reversed	Logical. Reverse the stagger order.
grid	Integer vector of length 2 (c(rows, cols)) for 2D grid stagger.
axis	One of "x", "y". Used together with grid.
ease	Easing applied to the stagger distribution itself, an anime_easing object or an Anime.js easing name string.

Value

An anime_stagger object.

Examples

# Simple linear stagger, 100 ms between elements
anime_stagger(100)

# Stagger from centre outward
anime_stagger(200, from = "center")

# 2-D grid stagger along the x axis
anime_stagger(50, grid = c(3, 4), axis = "x")

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