cdnjs VS Lottie for Android, iOS, and React Native

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.

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