lottie-web VS Lottie for Android, iOS, and React Native

contribute If you have the knowledge and skills, contributing to the project directly is another valuable way to assist. However, keep in mind that contributing can be challenging if you're not familiar with animation basics and the lottie format. That's precisely what this article aims to address!

Apparently what the Synfig project recommends nowadays is to export for web (Lottie). And from there, you must use another software (from a series of software called Lottie, Open Source too) to render for a given platform. The one to export your lottie file to animated SVG would likely be lottie-web. The README says there is a SVG renderer.

GitHub Stars: 24.1k

One of my initial workflows was using the afterfx.exe and then running a script to import CSV files and render to png After that I switched to using Bodymovin and Lottie and vector files, and then using Caspar CG or mplayer to play out. https://github.com/airbnb/lottie-web

They are using this https://github.com/airbnb/lottie-web which indicates they might have used Adobe After Effects for the animations.

Not sure why its not linked on that page, but here is the official web player from the Airbnb team: https://github.com/airbnb/lottie-web

Worth mentioning that After Effects can export CSS/SVG/canvas animations with the free bodymovin/Lottie plugin. This is my personal go to for creating web key frame animations and elements.

Not every after effects feature is exportable, but it’s the best and most reliable solution I’ve found for this type of workflow, maybe due in part though to my previous experience with AE.

Currently supported features: http://airbnb.io/lottie/#/supported-features

A smooth and visually appealing on-boarding experience can greatly impact how users perceive the quality of your app. In my previous article, we explored how to create custom splash screens on Fire TV apps to optimize the startup time and improve user experience. Building on that knowledge we will take a step further and learn how to develop an animated splash screen using Lottie for Fire TV applications.

They are most likely Lottie animations: http://airbnb.io/lottie/

I'd suggest Lottie with a JSON animation file

We was thinking of https://github.com/airbnb/lottie-android

But he did have a commit 3 weeks ago https://github.com/airbnb/lottie-android/commit/7479ebb2847365e5ed0575249a9b639d86808dfa

Lottie[1], an Adobe After Effects plugin, fills a gap in vector animation authoring and is quite widely used (primarily in mobile applications but also works on the web, Discord for example supports them for stickers).

It's a pity SVG animation authoring tools never eventuated since it's an underutilized native format.

[1] (ignore the GIF-converted examples, the originals are lightweight and vector-based) https://airbnb.io/lottie/

Unity can export to WebGL/WASM, so that's one option if you're making some kind of heavy interactive experience and you don't mind waiting for it to load. For just animations there are tools like Lottie that can help. I think things are generally a lot more fragmented than they were in the Flash/Shockwave days though.

6. Lottie