Command Palette

Search for a command to run...

dotLottie Web Player Interactivity

Learn how to add interactivity to your web animations using State Machines with the dotLottie Web Player.

Web Player Interactivity

This subsection explains how to use state machines to create interactive Lottie animations. You will learn the workflow for defining, loading, and controlling state machines, how to post events to trigger transitions, and understand the core components like states, transitions, and context variables, along with debugging tips and best practices.

State Machines

State machines allow you to define complex animation behaviors triggered by events, creating interactive user experiences.

Learn about State Machines →

Examples

See practical implementations of state machines across different platforms.

View Examples →

Last updated: April 10, 2026 at 9:12 AMEdit this page