How-To Guides

This section offers practical guides for accomplishing specific tasks with dotlottie-js. Each guide assumes you already know what you're trying to do and jumps straight to the steps — for a guided introduction instead, see the tutorials.

• Install dotlottie-js: Add the package to your project with npm, pnpm, or yarn.

• Create and Export a .lottie File: Package an animation and export it as a download, ArrayBuffer, Blob, or Base64 string.

• Load a .lottie File: Read an existing file from a URL or buffer and access its contents.

• Manage Animations: Add, retrieve, update, and remove animations.

• Manage Assets: Work with the images and audio bundled inside animations.

• Manage Themes: Package multiple visual styles into a single file.

• Manage State Machines: Add interactive playback logic.

• Merge Instances: Combine multiple DotLottie instances into one.

• Export a .lottie File: Output a built archive in the format you need.

• Migrate from pre-1.0: Upgrade an existing project to dotlottie-js 1.0+.