Properties

Property nameTypeDefaultDescription
autoplaybooleanfalseAuto-starts the animation on load.
loopbooleanfalseDetermines if the animation should loop.
srcstringundefinedURL to the animation data (.json or .lottie).
speednumber1Animation playback speed. 1 is regular speed.
datastring | ArrayBufferundefinedAnimation data provided either as a Lottie JSON string or as an ArrayBuffer for .lottie animations.
modestring“forward”Animation play mode. Accepts “forward”, “reverse”, “bounce”, “reverse-bounce”.
backgroundColorstringundefinedBackground color of the canvas. Accepts 6-digit or 8-digit hex color string (e.g., “#000000”, “#000000FF”),
segments[number, number]undefinedAnimation segments. Accepts an array of two numbers, where the first number is the start frame and the second number is the end frame.
renderConfigRenderConfigundefinedConfiguration for rendering the animation.
dotLottieRefCallback(dotLottie: DotLottie) => voidundefinedCallback function that receives a reference to the dotLottie web player instance once instantiated.
useFrameInterpolationbooleantrueDetermines if the animation should update on subframes. If set to false, the original AE frame rate will be maintained. If set to true, it will refresh at each requestAnimationFrame, including intermediate values. The default setting is true.
autoResizeCanvasbooleantrueDetermines if the canvas should resize automatically to its container