Interactivity

An introduction to creating Interactive Lotties with state machines using Lottielab.

From the very beginning, Lottielab was a tool for creating and editing Lottie animations. Traditionally, Lottie animations were linear. You can play and pause them, change their speed and even jump to a different time, but the animation will always look the same.

An Interactive Lottie is a new, experimental type of Lottie which can react. More precisely, it can respond and change behavior in response to clicks, mouse movement, or even custom events related to your app or website.

Try hovering the button above with your mouse and you'll see the Lottie respond. That's an example of an Interactive Lottie completely created within Lottielab. Once finished, it was published using Livelink and embedded in this docs page by simply pasting the link. Not a single line of code was necessary.

Lottielab contains a powerful Interactivity tool that allows you to create and preview fully interactive Lotties that you can then play back using the Lottielab Player. To learn more, proceed with our Intro to Interactivity.

Intro to Interactivity

Lottielab Interactivity is in beta. At this time, Interactive Lotties are supported only on the Web (not mobile), and only using Lottielab's Lottie Player or Livelink Embeds. If you have any questions or feedback, we will be happy to chat on our Discord.