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!

GitHub Stars: 24.1k

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

The lack of format documentation is an obstacle to both of those: https://github.com/airbnb/lottie-web/issues/575

Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!

Check this out for using After Effects animations in the web

Also something I didn't know is you can add CSS selectors to any layers (you can like change the color during runtime) link

Here is the doc on github https://github.com/airbnb/lottie-web. I Use bodymovin to export from After Effects https://aescripts.com/bodymovin/

According to the supported features and the forums, it's not supported. You might want to ask the creators via GitHub.

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.

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.

Uno Platform contributed support for the Skottie component in SkiaSharp (a .NET binding for Skia). This addition now allows for any application using SkiaSharp to render Lottie animations and provide engaging user experiences on all the platforms already supported by Uno Platform. This new SkiaSharp preview update also provides support for Uno Platform WinUI targets as well as .NET 6 for Mobile

GitHub: https://github.com/airbnb/lottie-android

We use Lottie to render our animations! I believe the animators use After Effects to create them. Thanks for the love! I'll pass them to our animators :)

Lottie/RLottie for animated assets (or AnimatedVectorDrawable)

Lottie – Use after effects animations in web and native apps\ (68 comments)

They should add the Flutter package for it on the "third party platform" page! :) (https://airbnb.io/lottie/#/other-platforms)

https://pub.dev/packages/lottie