hub / github.com/software-mansion/react-native-reanimated

github.com/software-mansion/react-native-reanimated @4.5.1 sqlite

repository ↗ · DeepWiki ↗ · release 4.5.1 ↗

4,860 symbols 13,705 edges 1,555 files 95 documented · 2% 33 cross-repo links

README

React Native Reanimated and React Native Worklets by Software Mansion

Reanimated & Worklets

This repository contains two main packages:

React Native Reanimated — a library for creating smooth animations and interactions in React Native,
React Native Worklets — a library that enables multi-threaded JavaScript execution in React Native applications.

Create smooth animations with an excellent developer experience.

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

Nightly CI state

Installation

Check out the detailed installation instructions for Reanimated and instructions for Worklets 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:

Reanimated — https://docs.swmansion.com/react-native-reanimated/
Worklets — https://docs.swmansion.com/react-native-worklets/

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.

Credits

This project has been built and is maintained thanks to the support from Shopify, Expo.io and Software Mansion

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.

Extension points exported contracts — how you extend this code

ILayoutAnimationBuilder (Interface)

(no doc) [7 implementers]

packages/react-native-reanimated/src/commonTypes.ts

ITypeScriptClass (Interface)

(no doc) [3 implementers]

apps/common-app/src/apps/reanimated/examples/RuntimeTests/tests/plugin/workletClasses.test.tsx

PluginOptions (Interface)

(no doc)

packages/react-native-worklets/plugin/index.d.ts

Props (Interface)

(no doc)

docs/docs-reanimated/src/components/CollapsibleCode/index.tsx

AchievementSectionProps (Interface)

(no doc)

docs/docs-worklets/src/components/HomepageAchievementsSection/AchievementSection/index.tsx

IEntryExitAnimationBuilder (Interface)

(no doc) [51 implementers]

packages/react-native-reanimated/src/commonTypes.ts

IWorkletClass (Interface)

(no doc) [2 implementers]

apps/common-app/src/apps/reanimated/examples/RuntimeTests/tests/plugin/fileWorkletization.ts

PluginOptions (Interface)

(no doc)

packages/react-native-worklets/plugin/src/options.ts

Core symbols most depended-on inside this repo

expect

called by 2154

apps/common-app/src/apps/reanimated/examples/RuntimeTests/ReJest/RuntimeTestsApi.ts

useSharedValue

called by 428

packages/react-native-reanimated/src/hook/useSharedValue.ts

useAnimatedStyle

called by 295

packages/react-native-reanimated/src/hook/useAnimatedStyle.ts

get

called by 210

packages/react-native-reanimated/src/commonTypes.ts

render

called by 192

apps/common-app/src/apps/reanimated/examples/RuntimeTests/ReJest/RuntimeTestsApi.ts

scheduleOnRN

called by 181

packages/react-native-worklets/src/mock.ts

waitForNotification

called by 180

apps/common-app/src/apps/reanimated/examples/RuntimeTests/ReJest/RuntimeTestsApi.ts

set

called by 163

packages/react-native-reanimated/src/commonTypes.ts

Shape

Function 3,466

Method 797

Class 316

Interface 243

Enum 38

Languages

TypeScript100%

Java1%

Modules by API surface

apps/common-app/src/apps/reanimated/examples/index.ts162 symbols

packages/react-native-worklets/plugin/index.js137 symbols

docs/docs-reanimated/src/components/InteractivePlayground/useAnimatedSensorPlayground/threejs/Vector3.js77 symbols

packages/react-native-reanimated/src/ReanimatedModule/NativeReanimated.ts56 symbols

packages/react-native-worklets/src/WorkletsModule/NativeWorklets.native.ts48 symbols

packages/react-native-reanimated/src/layoutReanimation/defaultAnimations/Zoom.ts48 symbols

packages/react-native-worklets/src/WorkletsModule/workletsModuleProxy.ts46 symbols

packages/react-native-worklets/src/memory/serializable.native.ts40 symbols

packages/react-native-reanimated/src/layoutReanimation/defaultAnimations/Bounce.ts40 symbols

docs/docs-reanimated/src/components/InteractivePlayground/useAnimatedSensorPlayground/threejs/Quaternion.js39 symbols

docs/docs-reanimated/src/components/InteractivePlayground/useAnimatedSensorPlayground/threejs/Matrix4.js37 symbols

packages/react-native-reanimated/src/layoutReanimation/defaultAnimations/Flip.ts36 symbols

Used by 33 indexed graphs manifest dependencies, hub-wide

github.com/CapSoftware/Cap

github.com/FaridSafi/react-native-gifted-chat

github.com/LibrePhotos/librephotos

github.com/RSSNext/Folo

github.com/TanStack/query

github.com/ant-design/ant-design-mobile-rn

github.com/better-auth/better-auth

github.com/bluesky-social/social-app

github.com/callstack/react-native-pager-view

github.com/callstack/react-native-paper

… +23 more

Dependencies from manifests, versioned

@babel/cli7.28.3 · 1×

@babel/core7.28.4 · 1×

@babel/plugin-proposal-class-properties7.18.6 · 1×

@babel/plugin-proposal-export-namespace-from7.18.9 · 1×

@babel/plugin-transform-arrow-functions7.27.1 · 1×

@babel/plugin-transform-class-properties7.28.6 · 1×

@babel/plugin-transform-classes7.28.6 · 1×

@babel/plugin-transform-nullish-coalescing-operator7.28.6 · 1×

@babel/plugin-transform-optional-chaining7.28.6 · 1×

@babel/plugin-transform-shorthand-properties7.27.1 · 1×

@babel/plugin-transform-template-literals7.27.1 · 1×

@babel/plugin-transform-unicode-regex7.27.1 · 1×

For agents

$ claude mcp add react-native-reanimated \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact