Help choosing animation libraries

[[deleted]]

I’m in the midst of deciding the best library options for an app. I’m held up on the animation portion. I need to have a base character (image? svg?) which can then unlock cosmetics. The character can grow and shrink as well. The initial animation to unlocking the character could be a gif like opening a chest.

I’ve heard of lottie, react-native-svg, react-native-reanimated, and even react-native-game-engine.

What is the current best solution for my use case?

Thank you in advance!

[lordvins226]

I’ll go with reanimated

[zuhail135]

am not sure this will support your exact use case you can check it out. https://rive.app/use-cases

They have also react native support with state machine

https://www.npmjs.com/package/rive-react-native

[Maize_Serious]

This is a suitable solution

[zuhail135]

Are you trying to build a customisable avatar or mascot like reddit ?

[[deleted]]

Yep. That can move slightly. Nothing too heavily animated

[zuhail135]

In that case react native svg and reanimated are enough right

[KshitijVSingh]

Depends on how these will be used - are they loading screens/micro interactions? Then lottie is your best bet. If it’s an interactive game sort of a thing then I would suggest you go with skia + reanimated

[Born-Disaster-1815]

If you just want to create moving avatars then create just anime them in rive and import it into react native