About React Native Reanimated
React Native Reanimated is an animation library for React Native that runs animations on the UI thread. It aims for smooth motion up to 120 frames per second, and it is MIT licensed.
What it does
You write animations in plain JavaScript using shared values and hooks. The library can react to gestures, device sensors and the keyboard. Layout animations run when views are added to or removed from the screen, and animations can carry elements between navigation screens. Because the work happens on the UI thread, animations keep moving even when JavaScript is busy.
Key features
- Animations that run on the UI thread
- Works with gestures from Gesture Handler
- Layout animations when views enter and exit
- Sensor and keyboard-based animations
- Works on iOS, Android and the web
Who it's for
Reanimated suits React Native developers who need smooth, custom motion in their apps. It also helps designers who build interactive prototypes in code, and teams that want animations to stay responsive during heavy work.
Pricing and good to know
Reanimated is open source under the MIT license. The docs cover version 4.x and the site links to a blog post about the newer release. Animations are written in code, so teams need developers who know React Native to build and debug them. Check the version notes before you upgrade to a new major release.
Highlights
- Animate any React Native style prop
- Run animations on the UI thread at high frame rates
- Add enter and exit animations to views
- React to gestures, sensors and the keyboard
