Lottie VS cdnjs

Lottie still has a lot of support (backed by Airbnb) and just got a big performance upgrade on iOS. However, there are competitors cropping up (like Rive) with the aim to be more lightweight and not tied to After Effects.

Lottie - After Effects vector animations

When I wrote my app which needed Lottie animations, I found LottieXamarin library, but that only works with Xamarin.Forms not with MAUI. I tried to update it, however I've run into multiple issues and at the same time I've realised only older Lottie versions can be binded, because from March of 2019, Lottie is a Swift library, which means it can't be binded easily.

It's probably made with Adobe AE or similar, and exported in Lottie format (SVG-data like + assets) to be loaded and rendered with the Lottie library for iOS (https://github.com/airbnb/lottie-ios) which I presume already comes with SwiftUI-compatible API.

The HN thread also mentions Lottie from AirBnB and IconVG from Not-an-official-Google-product.

Lottie for Web, Android, iOS, React Native, and Windows

I think there might be one but not sure how up to date it is: https://github.com/airbnb/lottie-ios/tree/lottie/objectiveC

Visit cdnjs.com.

cdnjs (Content Delivery Network for JavaScript libraries) is a popular and reliable CDN that hosts a vast collection of JavaScript libraries and other web-related resources.

https://cdnjs.com: Contains curated pre-bundled files only.

This reminded me about https://github.com/cdnjs/cdnjs/ - every version of every popular JS library in one repository - one of the largest repositories on GitHub by size.

Follow the following steps to include the CDN link inside the project directory.

First of all, add fontawesome icons CDN in your HTML tag for all the below codes. You can also get it from cdnjs website.

Public CDN’s were supposed to help page speed, but things have changed in 2019. Services like Google Fonts, Cloudflare’s cdnjs, jsDelivr and Google Hosted Libraries may not help make sites load faster anymore.