What is the community's consensus on which web player to use?

Lottie in Web
#1

New to Lottie here. I am implementing a lottie in a react app.
Lottie seems very interesting, but it seems there are at least 2 main options for displaying lotties on the web.
I’ve found the following:
Lottie-web: GitHub - airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/.
JS implementation?
Just a comment but the documentation could probably be improved as it seems bodymovin is mixed in with lottie everywhere? What was the intention of this?
Lottie Player: GitHub - LottieFiles/lottie-player: Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
Seems like a little bit simpler of an api, many stars on github. LottieFiles site seems to recommend this approach?

So what are the differences here and is one prefered over the other?
Thanks

#2

Hi Kyle,

If you want to use Lottie in your react app, a good idea is to use Lottie-react player GitHub - LottieFiles/lottie-react: lottie web player as a react component

To answer your question, under the hood of LottieFiles Lottie Player, its still Lottie-web. We have packaged it to make it easier for developers to implement/embed the player in their projects. The mention of bodymovin is because its the former name given to the “lottie-web” library.

If you plan to use multiple animations in one page, Lottie-player seems to be more performance compared to all others.

Hope this clears out some confusions.

#3

Got it. Thanks for clarifying.
It seems like the 1st class web support from the maintainers on this is not really present / up to date? - i’d love to see some references to these choices in the official documentation if someone gets around to it.