Lottie Interactive Versions Save

Lottie interactive is a custom element adding multiple types of interactivity to Lottie animations.

v1.3.0

2 years ago

✨ Version 1.3.0 comes with new interactions for Lottie animations and a tech upgrade !

Migration to Microsoft FAST

Reason: easier management and development of new interactions, check out Microsoft FAST here.

New interactions 🕹

show-and-hover

Plays the animation when it appears on screen and then again if hovered over!

show-and-click

Plays the animation when it appears on screen and then again if clicked!

show-and-freeze-click

Plays the animation when it appears on screen and is then interactive with the freeze-click interaction!

show-and-morph

Plays the animation when it appears on screen and is then interactive with the morphing interaction!

show-and-morph-lock

Plays the animation when it appears on screen and is then interactive with the morph-lock interaction!

show-and-switch

Plays the animation when it appears on screen and is then interactive with the switch interaction!


Features brought to you by Samuel Osborne 👨🏼‍💻

v1.2.4

3 years ago

Bumped versions to dependancies, most notably to lottie-web.

Also added delay attribute.

v1.2.0

3 years ago

✨ Version 1.2.0 comes with new interactions for Lottie animations as well as new listeners!

New interactions 🕹

freeze-click

Freeze a playing animation by clicking on it.

morph-lock

Works like the original morph interaction, however clicking on the animation will lock the animation at the last frame.

New attributes 🤖

view-box

Use the "view-box" attribute to change the view box used by the Lottie player.

speed

Use the "speed" attribute to change the play speed of the Lottie animation, 1 is default.

New attribute listeners 👂

path

When changing the path attribute of a loaded Lottie animation, it will be reloaded with the new value.

interaction

It's now possible to change the interaction on a running Lottie animation!

speed

You can now change the speed of a running Lottie animation!

view-box

You can also change the view box for a running Lottie animation!


Features brought to you by Samuel Osborne 👨🏼‍💻

v1.1.1

3 years ago

Build and bug fixes

1.1.0

3 years ago

In this release comes the possibility to change your Lottie animation's stroke width and colour directly from attributes.