Skip to contents

Timeline

Initialise and build an Anime.js animation timeline.

anime_timeline()
Initialise an Anime.js timeline
anime_add()
Add an animation segment to a timeline

Property Animations

Describe how individual CSS or SVG properties change over time.

anime_from_to()
Specify a from/to property range
anime_keyframes()
Specify per-property keyframes for an animation

Stagger

Distribute animation start times across multiple elements.

anime_stagger()
Create a stagger configuration for per-element delay offsets

Easing

Construct easing specifications for timeline defaults and per-segment overrides.

Target Selectors

Build CSS selector strings that identify the elements to animate.

anime_target_class()
Target elements by CSS class
anime_target_css()
Target elements by an arbitrary CSS selector
anime_target_id()
Target SVG or HTML elements by a data-animejs-id attribute
anime_target_layer()
Target all data elements belonging to a ggplot2 layer

Events

Attach JavaScript callbacks to timeline lifecycle events.

anime_on()
Attach a JavaScript callback to a timeline event

Playback

Control looping, direction, and interactive UI controls.

anime_playback()
Configure timeline playback

Rendering

Serialise a timeline specification and produce an htmlwidget.

anime_render()
Render an anime_timeline as an htmlwidget
animejs_widget()
Create a bare animejs htmlwidget