Interactivity, made simple!
States and Transitions: Create animation states in 1-click, define timings and access a variety of state transitions such as 'blending' between states, custom easing and more.
Events and Triggers: Add triggers to layers or artboards, and access a wide range pre-defined events such as hover, click and more to make them interactive.
Custom states and events: Extend interactions with custom events and formulas, enabling you and your devs to hook custom user actions to your animation in code!
Dev hand-off and collaboration
Preview and Test: Get a full page preview of your animations and its states directly in Lottielab, allowing you to easily test as you create, ensuring quality before hand-off.
Share and collaborate: Easily share asset previews, iterate and break down details of your interactive animations with your team, all within the Lottielab editor.
Figma to Interactive animations
Our Figma plugin allows you to export your Figma designs to Lottielab in one-click, and turn them into interactive animations for your website or app.
Bring your products to life