Skip to content

Animation

LeoTM edited this page Feb 9, 2026 · 15 revisions

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

Animated API (60 fps)

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

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

Clone this wiki locally