Skip to content

Reanimated

A React Native library for smooth, high-performance animations and gesture-driven interactions.software-mansion/react-native-reanimated

Stars
11k
Forks
1.5k
Licence
MIT
Language
TypeScript
Last update
4 days ago
Type
Library

What it is

React Native Reanimated is a library for building animations and interactions in React Native mobile apps. The repository also contains React Native Worklets, a companion library that enables multi-threaded JavaScript execution. Developers use these to make animations run smoothly while the app is busy.

  • Add animated transitions and motion to React Native screens
  • Build gesture-driven interactions such as drags and swipes
  • Run animation logic off the main JavaScript thread using worklets
  • Explore the API by running the included example showcase app

Great for

  • React Native developers building animated or gesture-heavy mobile screens
  • Teams already on the New React Native architecture
  • Apps that need animations to stay smooth under load
  • Developers who want an animation API that is actively maintained

Not ideal for

  • Apps still on React Native's old architecture, because Reanimated 4.x supports only the New Architecture and the three latest React Native versions
  • Projects that do not use React Native at all, since it is a React Native library
  • Beginners with no React Native experience, since the README assumes familiarity with the framework
Step-by-step guide: how to use ReanimatedInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Install with a package manager

    You'll need: React Native project using the New Architecture

    Clone the repository

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

    Run it

    • Follow the installation instructions in the Reanimated documentation linked from the README
    • Run the example showcase app from apps/common-app to see the API in action
    • Add an animated component to a screen in your app and test it on a device or simulator
  3. 3

    Get the most out of it

    • Use the Worklets library for multi-threaded JavaScript execution alongside Reanimated
    • Explore the example app in apps/common-app for working code samples
    • Read the API reference in the Reanimated documentation
    • Join the Software Mansion Community Discord for help

Downloads

Strengths

  • MIT licensed and open source
  • Backed by Software Mansion, a company with a history of React Native contributions, according to the README
  • Has official documentation, an example app, and extensive nightly CI testing shown in the README

Trade-offs

  • Requires the New React Native architecture for version 4.x
  • Documentation for installation lives on external pages, so the README alone gives limited setup detail
  • Version 3.x users need to plan a migration to reach 4.x

How it compares

ProjectStarsTypeLevelUpdatedBest for
react-native-reanimated (this)11kLibraryintermediate4 days agoReact Native developers building animated or gesture-heavy mobile screens
react-native-elements25.9kLibraryintermediate6 months agoReact Native developers who want ready-made UI components
react-native-web22.2kLibraryintermediate4 days agoDevelopers who already use React Native and want the same components on the web
NativeBase20.4kLibraryintermediate9 months agoTeams maintaining an existing app already built on NativeBase
react-native-maps16kLibraryintermediate17 days agoReact Native developers adding a map screen to an iOS or Android app
react-native-paper14.5kLibraryintermediate4 days agoReact Native developers who want ready-made Material Design components

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.