Last week LottieFiles announced their $37M Series B raise so itās probably safe enough to say that our favourite JSON-based animation file format isnāt going anywhere anytime soon.
Enter stage left: Creattie
What is it?
According to their Product Hunt page Creattie is:
[t]he worldās first premium Lottie library. Customize and download curated Lottie animations, as well as other vector artworks in a few clicks.
Why is it useful to Thunkers?
They have a ton of free and paid resources, including icons and animations and the Lottie file format is natively supported by our Animations component
Not that I know of @tatiang - my usual use case for Lottie is a loading or splash screen so typically doesnāt need start/stop control, and in the less-usual case of needing to only show the animation loop once I use the same sort of approach as youāve proposed here
I can check about this for you, but since itās more of a āmild annoyanceā rather than a āshow stopperā issue it probably wonāt get precedence over bugs etc.
Can you tell me a bit more about your use case? How are you currently using animations?
One use is to show a loading animation when the user searches data. Some API calls or even sophisticated Google Sheets/AirTable/Firebase calls can take a few seconds so Iād like to start an animation when that happens.
It can. In some cases, I like to start an animation at the first frame rather than in a random spot but as you said, itās not a major issue. Just would be nice.
If what I do for that helps you, Iāll share my trick:
I download Lottie as .gif, then using: Change GIF Loop Count - Online GIF Tools
I just edit that .gif to loop only once, crop it or whatever I want to look my animation as I desire.
Of course, that is not a Lottie animation component anymore, but an imageā¦ but hey, the result is what Iām interested in, right ?
But for waiting until some operation takes place, @domhnallohanlon work is the right choiceā¦ show/hide some animation when it needed.
Iām doing the same:
I totally agree that Lottie animations are way better than .gifs in terms of quality and size. Totally
But, when it comes to use in my apps, I personally found that i can arrange .gifs better to fit my design, as i can edit any .gif cropping or whatever I want. Beside downloading few Lotties for free, all good Lotties are payed. And for editing a Lottie you need to pay too (i think, didnāt found yet another way to do it). I personally donāt like an animation with huge background that Iād like to crop it, and so on.
But thatās just me and my thoughts. Just discovered Lottie and maybe Iāll find how to use it better in the future.