Home
Docs
InfinityFX
©Copyright2016-2025 InfinityFX. All rights reserved.
InfinityFX®
Lively
v4.0.10
Getting started
Components
Animatable
Animate
LayoutGroup
Morph
Typable
Hooks
useAudio
useLink
usePath
useReducedMotion
useScroll
useSpring
useTrigger
useViewport
useVisible

Animate

Fully automated cascading animations based on a list of Clips or ClipProperties.

Importing

1
import { Animate } from '@infinityfx/lively';

Usage

Properties

The Animate component inherits most of its properties from the Animatable component, except for the animations, animate, inherit and order properties.

animations?:Clip[] | ClipProperties[] = [object, object]

A list of animations to play per cascade level, with the first animation in the list corresponding to the outermost layer. When the levels property is higher than the amount of animations in the list it will use the last animation in the list for the remaining levels. By default the Move and Pop animations from @infintiyfx/lively/animations are used.

levels?:number = 2

The number of levels down it should cascade animations.