react-native-reanimated is a free, open source design & prototyping project written in TypeScript and released under MIT. It has 11,008 GitHub stars, 1,518 forks and 353 open issues, and was last pushed 8 hours ago. On this registry it ranks #18 of 50 tracked projects in Design & Prototyping, with 5 head-to-head comparisons available.

What is react-native-reanimated?

react-native-reanimated is an MIT-licensed TypeScript library that reimplements React Native's Animated library for smooth animations and interactions, and it ships alongside react-native-worklets, which enables multi-threaded JavaScript execution in React Native applications.

What it is

The repository contains two main packages. React Native Reanimated is the animation and interaction library that gives the project its name; React Native Worklets is the companion library that enables multi-threaded JavaScript execution in React Native applications. The project lives in the React Native ecosystem, is written in TypeScript, is released under the MIT licence, and keeps its documentation at docs.swmansion.com/react-native-reanimated/. The current generation is Reanimated 4, and nightly continuous integration publishes development builds of both packages to npm.

The problem it addresses is the cost and ergonomics of animation in React Native. React Native already ships an Animated library, and Reanimated is an explicit reimplementation of it: instead of driving values on the JavaScript thread, the project runs animation and gesture logic inside worklets that can execute off that thread, which is what the Worklets package provides. For gesture-driven interfaces, this is the difference between interactions that keep pace with a finger and interactions that stutter when the JavaScript thread is busy. Reanimated replaces the stock Animated library specifically; Worklets supplies the multithreading primitive that makes the replacement work.

Key capabilities

  • Animation and interaction for React Native, shipped as the react-native-reanimated package.
  • Multi-threaded JavaScript execution through the react-native-worklets package.
  • Worklets as a core concept of the project, listed among its topics together with animation and gesture.
  • Nightly npm publish pipelines for each package, so react-native-reanimated and react-native-worklets can be consumed as matching development builds.
  • A dedicated Reanimated and Worklets compatibility check, plus a separate recurring Reanimated compatibility check, guarding that pairing.
  • TypeScript compatibility testing against the library's typed surface on a recurring nightly schedule.
  • Verified builds against React Native nightlies, Expo DevClient, Windows-hosted applications, and framework-based projects.

Who uses it and how

  • React Native teams building animated, gesture-driven screens who need the stock Animated library replaced.
  • Expo-based projects, since a recurring Expo DevClient build check indicates attention to Expo development workflows.
  • Windows-hosted React Native applications, which are covered by their own build verification workflow.
  • Teams that track React Native nightlies, because a separate workflow builds against them to catch incompatibilities early.
  • The scale of the open-source project is visible in 11,008 stars, 1,518 forks and 353 open issues.

Getting started

Both packages are published to npm as react-native-reanimated and react-native-worklets, and are used from within a React Native application. Installation guidance and the Reanimated 4 documentation live at docs.swmansion.com/react-native-reanimated/.

How it compares

The only comparable tool named in these facts is React Native's own Animated library, which the project describes itself as reimplementing, so it functions as a conceptual replacement for the animation primitives bundled with the framework rather than an unrelated animation layer. It goes further only through its second package, since react-native-worklets exposes multi-threaded JavaScript execution as a building block. No paid or proprietary alternative appears in this registry entry.

When to use it — and when not to

Choose it when you are building React Native interfaces whose animation and gesture work must stay off the JavaScript thread, and when you can keep react-native-reanimated and react-native-worklets version-matched, because the project runs an explicit compatibility check for exactly that pairing. It is not a fit for applications outside React Native, and teams needing a frozen API surface should note that the project verifies itself against React Native nightlies and Expo DevClient builds, meaning it moves with a fast-changing upstream. The README is also thin: it is a two-line package summary followed by nightly CI badges, so nearly all practical documentation comes from the external docs site.

project readme (upstream, from github) — read inline
React Native Reanimated and React Native Worklets by Software Mansion

Ad Ad Ad

Reanimated & Worklets

This repository contains two main packages:

Create smooth animations with an excellent developer experience.

Reanimated 4 is here! Check out our documentation page for more information

Nightly CI state

Main branch build NPM Reanimated publish [Nightly] NPM Worklets publish [Nightly] Reanimated + Worklets compatibility check Reanimated compatibility check Use frameworks Reanimated build check [Nightly] React Native nightly Reanimated build check Expo DevClient build check Reanimated TypeScript compatibility test Windows hosted app Reanimated build check URL validation Runtime tests nightly Runtime tests sanitizers nightly

Installation

Check out the detailed installation instructions for Reanimated and instructions for Worklets on their dedicated documentation pages.

Compatibility

Reanimated 4.x and Worklets support only the New React Native architecture and three latest React Native versions.

If your app still runs on the old architecture, please consider adopting the New Architecture or stay with latest 3.x release.

Documentation

You can find more information about Reanimated and Worklets, their API references and more in their dedicated documentation pages:

Examples

The source code for the example (showcase) app is under the apps/common-app directory. If you want to play with the API but don't feel like trying it on a real app, you can run the example project. Check Example README for installation instructions.

License

Reanimated and Worklets libraries are licensed under The MIT License.

Community Discord

Join the Software Mansion Community Discord to chat about Reanimated, Worklets or other Software Mansion libraries.

Reanimated and Worklets are created by Software Mansion

Since 2012 Software Mansion is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – Hire us.

Frequently asked questions

Is react-native-reanimated free to use?

react-native-reanimated is open source under the MIT licence. There is no licence fee and no seat count — you can self-host it or, where the project offers one, pay a vendor for a managed version instead.

What does react-native-reanimated do?

React Native's Animated library reimplemented

What is react-native-reanimated written in?

react-native-reanimated is primarily written in TypeScript. Its source is publicly available at https://github.com/software-mansion/react-native-reanimated, and it has 11,008 GitHub stars.