Lottie for Android, iOS, and React Native VS GreenSock-JS

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

I've been looking for a small project to do that would let me play with Greensock (GSAP), specifically a bit with some SVG files I generated with Corel Vector. When I saw the frontend challenge and had an afternoon at work with downtime between a few projects, I knew it'd be a great opportunity to explore a bit!

https://pixijs.com/ and https://gsap.com/. All of the source code for my posts can be found at https://github.com/samwho/visualisations :)

The GreenSock Animation Platform (GSAP) is a web animation library that provides the logic for adding animation to any site powered by JavaScript. React, being built on top of JavaScript, falls under this category. GSAP is an extremely fun animation tool to use because it offers a great deal of flexibility, you can animate anything using GSAP — texts, images, scroll actions, SVGs, UI interactions, anything!

GSAP (GreenSock Animation Platform)

If you want animations look into GSAP

gsap

Green Sock has over 16,400 GitHub stars and 400k weekly NPM downloads.

I used the Greensock (GSAP) library for the animation.