Cute Lottie Files Animation Integration Request :)

Cute Lottie Files Animation Integration Request :slight_smile:

It would be amazing if Glide enabled the ability to add Lottie Animations. Lottie files are super small JSON animations for webpages like this little guy: Happy Star on Lottiefiles. Free Lottie Animation.

26182-happy-star

You have the ability to download Lottie’s as GIFS, however I’ve found that the load time is too long for these on Glide and it hurts the user experience, especially since these are great for first time user walkthroughs, but it takes a few seconds for a GIF to load on glide.

Lottie creates scripts such as this below which would load instantly, but it currently is not supported to be displayed by Glide.

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets7.lottiefiles.com/packages/lf20_0ge4xP.json"  background="transparent"  speed="1"  style="width: 300px; height: 300px;"  loop controls autoplay></lottie-player>

There are different ways to import a Lottie file such as an Iframe, so whatever way that is best for Glide should all work the same. Please upvote if you want to add awesome animations to your Glide apps!

41676-happy-support-team-animation

Hola @inspired

You can put the iFrame in a Template column

The display with a webview component.

Edit: You can also use iFramely to get an embeddable Lottie

10 Likes

Wait… Can you iFrame other things using this method with a Template? :thinking::nerd_face:

1 Like

I was thinking of a flip book