Interactivity
An introduction to creating Interactive Lotties with state machines using Lottielab.
Last updated
Was this helpful?
An introduction to creating Interactive Lotties with state machines using Lottielab.
Last updated
Was this helpful?
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 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 To learn more, proceed with our Intro to Interactivity.
Lottielab Interactivity is in beta. At this time, Interactive Lotties are supported only on the Web (not mobile), and only using or . If you have any questions or feedback, we will be happy to chat on our .