Animation

Old arch (60 fps) -> New arch (120 fps)

Animated API (60 fps)

https://reactnative.dev/docs/next/animations

• https://github.com/facebook/react-native/pull/51775 🚧 120 fps

Reanimated (120 fps)

...Animated reimplemented

https://github.com/software-mansion/react-native-reanimated

Lottie

...parses Adobe After Effects animations exported as JSON with bodymovin and renders them natively on mobile!

for 1st time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand

https://github.com/lottie-react-native/lottie-react-native

react-three-fiber

A React renderer for Three.js

https://github.com/pmndrs/react-three-fiber

moti

RN (+ Web) animation library, powered by Reanimated 2

https://github.com/nandorojo/moti

Legend-Motion

declarative animations lib for RN, to make it ezto transition between styles w/o managing animations

https://github.com/LegendApp/legend-motion

Rive

A runtime for interactive graphics and animations

https://github.com/rive-app/rive-react-native https://github.com/rive-app/rive-nitro-react-native