diff --git a/apps/common-app/package.json b/apps/common-app/package.json
index 1c854df736f0..fbeecedda13c 100644
--- a/apps/common-app/package.json
+++ b/apps/common-app/package.json
@@ -34,7 +34,7 @@
     "fuse.js": "patch:fuse.js@npm%3A7.1.0#~/.yarn/patches/fuse.js-npm-7.1.0-5dcae892a6.patch",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "react-native-gesture-handler": "2.28.0",
+    "react-native-gesture-handler": "2.29.1",
     "react-native-pager-view": "7.0.0",
     "react-native-reanimated": "workspace:*",
     "react-native-safe-area-context": "5.6.1",
diff --git a/apps/common-app/src/apps/reanimated/examples/ScreenStackHeaderConfigBackgroundColorExample.tsx b/apps/common-app/src/apps/reanimated/examples/ScreenStackHeaderConfigBackgroundColorExample.tsx
index 4ee61a49303d..6c6975c88c66 100644
--- a/apps/common-app/src/apps/reanimated/examples/ScreenStackHeaderConfigBackgroundColorExample.tsx
+++ b/apps/common-app/src/apps/reanimated/examples/ScreenStackHeaderConfigBackgroundColorExample.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import React, { useCallback } from 'react';
+import { Button, StyleSheet, Text, View } from 'react-native';
 import type {
   GestureUpdateEvent,
   PanGestureChangeEventPayload,
@@ -66,12 +66,20 @@ export default function ScreenStackHeaderConfigBackgroundColorExample() {
     };
   }, [offset]);
 
+  const [counter, setCounter] = React.useState(0);
+
+  const handleIncrement = useCallback(() => {
+    setCounter((prev) => prev + 1);
+  }, []);
+
   return (
     <GestureHandlerRootView style={styles.root}>
       <ScreenStack style={styles.container}>
         <Screen>
           <AnimatedScreenStackHeaderConfig animatedProps={animatedProps} />
           <View style={styles.container}>
+            <Text>Counter: {counter}</Text>
+            <Button title="Increase counter" onPress={handleIncrement} />
             <GestureDetector gesture={gesture}>
               <Animated.View style={[styles.ball, animatedStyles]} />
             </GestureDetector>
diff --git a/apps/common-app/src/apps/reanimated/examples/SyncBackToReactExample.tsx b/apps/common-app/src/apps/reanimated/examples/SyncBackToReactExample.tsx
new file mode 100644
index 000000000000..dc2c3d3de420
--- /dev/null
+++ b/apps/common-app/src/apps/reanimated/examples/SyncBackToReactExample.tsx
@@ -0,0 +1,88 @@
+import React, { useCallback } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import Animated, {
+  interpolateColor,
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+} from 'react-native-reanimated';
+
+const instructions = [
+  '1. Press "Animate width and color" button',
+  '2. Wait until the animated styles are synced back to React (about 3 seconds)',
+  '3. Press "Increase counter" button',
+  '4. The view width and color not change',
+].join('\n');
+
+interface ButtonProps {
+  title: string;
+  onPress: () => void;
+}
+
+function Button({ title, onPress }: ButtonProps) {
+  // We use a custom button component because the one from React Native
+  // triggers additional renders when pressed.
+
+  return (
+    <View onTouchEnd={onPress} style={styles.buttonView}>
+      <Text style={styles.buttonText}>{title}</Text>
+    </View>
+  );
+}
+
+export default function SyncBackToReactExample() {
+  const [count, setCount] = React.useState(0);
+
+  const sv = useSharedValue(0);
+
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      width: 20 + sv.value * 200,
+      backgroundColor: interpolateColor(sv.value, [0, 1], ['red', 'lime']),
+    };
+  });
+
+  const handleAnimateWidth = useCallback(() => {
+    sv.value = withSpring(Math.random());
+  }, [sv]);
+
+  const handleIncreaseCounter = useCallback(() => {
+    setCount((c) => c + 1);
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+      <Animated.View style={[styles.box, animatedStyle]} />
+      <Animated.View style={[styles.box, animatedStyle]} />
+      <Animated.View style={[styles.box, animatedStyle]} />
+      <Animated.View style={[styles.box, animatedStyle]} />
+      <Button title="Animate width and color" onPress={handleAnimateWidth} />
+      <Text>Counter: {count}</Text>
+      <Button title="Increase counter" onPress={handleIncreaseCounter} />
+      <Text style={styles.instructions}>{instructions}</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  box: {
+    height: 20,
+    backgroundColor: 'navy',
+  },
+  buttonView: {
+    margin: 20,
+  },
+  buttonText: {
+    fontSize: 20,
+    color: 'dodgerblue',
+  },
+  instructions: {
+    marginHorizontal: 20,
+  },
+});
diff --git a/apps/common-app/src/apps/reanimated/examples/index.ts b/apps/common-app/src/apps/reanimated/examples/index.ts
index 2f78f2d37b3e..b54c5a3c8c4e 100644
--- a/apps/common-app/src/apps/reanimated/examples/index.ts
+++ b/apps/common-app/src/apps/reanimated/examples/index.ts
@@ -79,6 +79,7 @@ import ReducedMotionLayoutExample from './LayoutAnimations/ReducedMotionLayoutEx
 import ReparentingExample from './LayoutAnimations/ReparentingExample';
 import SpringLayoutAnimation from './LayoutAnimations/SpringLayoutAnimation';
 import SwipeableList from './LayoutAnimations/SwipeableList';
+import SyncBackToReactExample from './SyncBackToReactExample';
 import ViewFlatteningExample from './LayoutAnimations/ViewFlattening';
 import ViewRecyclingExample from './LayoutAnimations/ViewRecyclingExample';
 import LettersExample from './LettersExample';
@@ -172,6 +173,11 @@ export const EXAMPLES: Record<string, Example> = {
     title: 'FPS',
     screen: FpsExample,
   },
+  SyncBackToReactExample: {
+    icon: '🔄',
+    title: 'Sync back to React',
+    screen: SyncBackToReactExample,
+  },
   ScrollPerformanceExample: {
     icon: '🚁',
     title: 'Scroll performance',
diff --git a/apps/fabric-example/ios/Podfile.lock b/apps/fabric-example/ios/Podfile.lock
index 9a88a517337b..2e43fbc7fdc1 100644
--- a/apps/fabric-example/ios/Podfile.lock
+++ b/apps/fabric-example/ios/Podfile.lock
@@ -2520,7 +2520,7 @@ PODS:
     - ReactCommon/turbomodule/core
     - SocketRocket
     - Yoga
-  - RNGestureHandler (2.28.0):
+  - RNGestureHandler (2.29.1):
     - boost
     - DoubleConversion
     - fast_float
@@ -3186,8 +3186,8 @@ SPEC CHECKSUMS:
   RNCAsyncStorage: 29f0230e1a25f36c20b05f65e2eb8958d6526e82
   RNCClipboard: 4b58c780f63676367640f23c8e114e9bd0cf86ac
   RNCMaskedView: 5ef8c95cbab95334a32763b72896a7b7d07e6299
-  RNGestureHandler: f1dd7f92a0faa2868a919ab53bb9d66eb4ebfcf5
-  RNReanimated: 97ebf4d3c76929b6b0f866cfbd41c49b3a0d2dbf
+  RNGestureHandler: e1cf8ef3f11045536eed6bd4f132b003ef5f9a5f
+  RNReanimated: 93f0559693461402ff0450e86160b2200eae681a
   RNScreens: 0bbf16c074ae6bb1058a7bf2d1ae017f4306797c
   RNSVG: 8c0bbfa480a24b24468f1c76bd852a4aac3178e6
   RNWorklets: f54a415f73a3fc653bfe65e599872fdc6bca0477
diff --git a/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/ReanimatedCommitHook.cpp b/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/ReanimatedCommitHook.cpp
index 1769278690b3..59db3b234704 100644
--- a/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/ReanimatedCommitHook.cpp
+++ b/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/ReanimatedCommitHook.cpp
@@ -90,6 +90,7 @@ RootShadowNode::Unshared ReanimatedCommitHook::shadowTreeWillCommit(
     auto lock = updatesRegistryManager_->lock();
 
     PropsMap propsMap = updatesRegistryManager_->collectProps();
+    LOG(INFO) << "ReanimatedCommitHook propsMap size=" << propsMap.size();
     updatesRegistryManager_->cancelCommitAfterPause();
 
     rootNode = cloneShadowTreeWithNewProps(*rootNode, propsMap);
diff --git a/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.cpp b/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.cpp
index 258a0556a954..b534538d7f49 100644
--- a/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.cpp
+++ b/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.cpp
@@ -13,7 +13,7 @@ static inline std::shared_ptr<const ShadowNode> shadowNodeFromValue(
 }
 #endif
 
-void AnimatedPropsRegistry::update(jsi::Runtime &rt, const jsi::Value &operations) {
+void AnimatedPropsRegistry::update(jsi::Runtime &rt, const jsi::Value &operations, const double timestamp) {
   auto operationsArray = operations.asObject(rt).asArray(rt);
 
   for (size_t i = 0, length = operationsArray.size(rt); i < length; ++i) {
@@ -23,6 +23,8 @@ void AnimatedPropsRegistry::update(jsi::Runtime &rt, const jsi::Value &operation
 
     const jsi::Value &updates = item.getProperty(rt, "updates");
     addUpdatesToBatch(shadowNode, jsi::dynamicFromValue(rt, updates));
+
+    timestampMap_[shadowNode->getTag()] = timestamp;
   }
 }
 
@@ -30,4 +32,56 @@ void AnimatedPropsRegistry::remove(const Tag tag) {
   updatesRegistry_.erase(tag);
 }
 
+jsi::Value AnimatedPropsRegistry::getUpdatesOlderThanTimestamp(jsi::Runtime &rt, const double timestamp) {
+  std::unordered_map<Tag, folly::dynamic> updatesMap;
+  {
+    auto lock1 = lock();
+
+    for (const auto &[tag, pair] : updatesRegistry_) {
+      const auto &[shadowNode, props] = pair;
+      const auto viewTag = shadowNode->getTag();
+
+      const auto viewTimestamp = timestampMap_.at(viewTag);
+      if (viewTimestamp >= timestamp) {
+        continue;
+      }
+
+      auto it = updatesMap.find(viewTag);
+      if (it == updatesMap.cend()) {
+        folly::dynamic styleProps = folly::dynamic::object();
+        styleProps.update(props);
+        updatesMap[viewTag] = styleProps;
+      } else {
+        it->second.update(props);
+      }
+    }
+  }
+
+  const jsi::Array array(rt, updatesMap.size());
+  size_t idx = 0;
+  for (const auto &[viewTag, styleProps] : updatesMap) {
+    const jsi::Object item(rt);
+    item.setProperty(rt, "viewTag", viewTag);
+    item.setProperty(rt, "styleProps", jsi::valueFromDynamic(rt, styleProps));
+    array.setValueAtIndex(rt, idx++, item);
+  }
+
+  return jsi::Value(rt, array);
+}
+
+void AnimatedPropsRegistry::removeUpdatesOlderThanTimestamp(const double timestamp) {
+  auto lock1 = lock();
+
+  for (auto it = timestampMap_.begin(); it != timestampMap_.end();) {
+    const auto viewTag = it->first;
+    const auto viewTimestamp = it->second;
+    if (viewTimestamp < timestamp) {
+      it = timestampMap_.erase(it);
+      updatesRegistry_.erase(viewTag);
+    } else {
+      it++;
+    }
+  }
+}
+
 } // namespace reanimated
diff --git a/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.h b/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.h
index 57c2c24b3f24..a989e68ad2a6 100644
--- a/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.h
+++ b/packages/react-native-reanimated/Common/cpp/reanimated/Fabric/updates/AnimatedPropsRegistry.h
@@ -5,15 +5,22 @@
 #include <react/renderer/uimanager/UIManager.h>
 
 #include <memory>
+#include <set>
 #include <string>
+#include <unordered_map>
 #include <vector>
 
 namespace reanimated {
 
 class AnimatedPropsRegistry : public UpdatesRegistry {
  public:
-  void update(jsi::Runtime &rt, const jsi::Value &operations);
+  void update(jsi::Runtime &rt, const jsi::Value &operations, const double timestamp);
   void remove(Tag tag) override;
+  jsi::Value getUpdatesOlderThanTimestamp(jsi::Runtime &rt, const double timestamp);
+  void removeUpdatesOlderThanTimestamp(const double timestamp);
+
+ private:
+  std::unordered_map<Tag, double> timestampMap_; // viewTag -> timestamp, protected by `mutex_`
 };
 
 } // namespace reanimated
diff --git a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.cpp b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.cpp
index 91f56ff9bc22..49b16bd5e3d8 100644
--- a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.cpp
+++ b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.cpp
@@ -1,3 +1,4 @@
+#include <jsi/JSIDynamic.h>
 #include <jsi/jsi.h>
 #include <reanimated/NativeModules/PropValueProcessor.h>
 #include <reanimated/NativeModules/ReanimatedModuleProxy.h>
@@ -92,7 +93,8 @@ void ReanimatedModuleProxy::init(const PlatformDepMethodsHolder &platformDepMeth
       return;
     }
 
-    strongThis->animatedPropsRegistry_->update(rt, operations);
+    const auto timestamp = strongThis->getAnimationTimestamp_();
+    strongThis->animatedPropsRegistry_->update(rt, operations, timestamp);
   };
 
   auto measure = [weakThis = weak_from_this()](jsi::Runtime &rt, const jsi::Value &shadowNodeValue) -> jsi::Value {
@@ -453,6 +455,20 @@ void ReanimatedModuleProxy::unregisterCSSTransition(jsi::Runtime &rt, const jsi:
   cssTransitionsRegistry_->remove(viewTag.asNumber());
 }
 
+jsi::Value ReanimatedModuleProxy::getSettledUpdates(jsi::Runtime &rt) {
+  // TODO: use unified timestamp
+  const auto currentTimestamp = getAnimationTimestamp_();
+
+  // TODO: flush updates from CSS animations and CSS transitions registries
+
+  // TODO: move removing old updates to separate method?
+  // TODO: fix bug when threshold difference is smaller than 1 second
+  // TODO: find a better way to obtain timestamp for removing updates
+  animatedPropsRegistry_->removeUpdatesOlderThanTimestamp(currentTimestamp - 2000); // 2 seconds
+
+  return animatedPropsRegistry_->getUpdatesOlderThanTimestamp(rt, currentTimestamp - 1000); // 1 second
+}
+
 bool ReanimatedModuleProxy::handleEvent(
     const std::string &eventName,
     const int emitterReactTag,
diff --git a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.h b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.h
index 47086a47af23..cc2a853757e4 100644
--- a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.h
+++ b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.h
@@ -122,6 +122,8 @@ class ReanimatedModuleProxy : public ReanimatedModuleProxySpec,
   void updateCSSTransition(jsi::Runtime &rt, const jsi::Value &viewTag, const jsi::Value &configUpdates) override;
   void unregisterCSSTransition(jsi::Runtime &rt, const jsi::Value &viewTag) override;
 
+  jsi::Value getSettledUpdates(jsi::Runtime &rt) override;
+
   void cssLoopCallback(const double /*timestampMs*/);
 
   void dispatchCommand(
diff --git a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.cpp b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.cpp
index 7e89477abdfc..6b4e936ad828 100644
--- a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.cpp
+++ b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.cpp
@@ -139,6 +139,11 @@ static jsi::Value REANIMATED_SPEC_PREFIX(
   return jsi::Value::undefined();
 }
 
+static jsi::Value REANIMATED_SPEC_PREFIX(
+    getSettledUpdates)(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value *args, size_t) {
+  return static_cast<ReanimatedModuleProxySpec *>(&turboModule)->getSettledUpdates(rt);
+}
+
 ReanimatedModuleProxySpec::ReanimatedModuleProxySpec(const std::shared_ptr<CallInvoker> &jsInvoker)
     : TurboModule("NativeReanimated", jsInvoker) {
   methodMap_["registerEventHandler"] = MethodMetadata{3, REANIMATED_SPEC_PREFIX(registerEventHandler)};
@@ -171,6 +176,8 @@ ReanimatedModuleProxySpec::ReanimatedModuleProxySpec(const std::shared_ptr<CallI
   methodMap_["registerCSSTransition"] = MethodMetadata{2, REANIMATED_SPEC_PREFIX(registerCSSTransition)};
   methodMap_["updateCSSTransition"] = MethodMetadata{2, REANIMATED_SPEC_PREFIX(updateCSSTransition)};
   methodMap_["unregisterCSSTransition"] = MethodMetadata{1, REANIMATED_SPEC_PREFIX(unregisterCSSTransition)};
+
+  methodMap_["getSettledUpdates"] = MethodMetadata{1, REANIMATED_SPEC_PREFIX(getSettledUpdates)};
 }
 
 } // namespace reanimated
diff --git a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.h b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.h
index 21304293a29e..6ca97e1198a6 100644
--- a/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.h
+++ b/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxySpec.h
@@ -86,6 +86,8 @@ class JSI_EXPORT ReanimatedModuleProxySpec : public TurboModule {
   registerCSSTransition(jsi::Runtime &rt, const jsi::Value &shadowNodeWrapper, const jsi::Value &transitionConfig) = 0;
   virtual void updateCSSTransition(jsi::Runtime &rt, const jsi::Value &viewTag, const jsi::Value &configUpdates) = 0;
   virtual void unregisterCSSTransition(jsi::Runtime &rt, const jsi::Value &viewTag) = 0;
+
+  virtual jsi::Value getSettledUpdates(jsi::Runtime &rt) = 0;
 };
 
 } // namespace reanimated
diff --git a/packages/react-native-reanimated/src/PropsRegistryGarbageCollector.ts b/packages/react-native-reanimated/src/PropsRegistryGarbageCollector.ts
new file mode 100644
index 000000000000..5efbfbafdc9c
--- /dev/null
+++ b/packages/react-native-reanimated/src/PropsRegistryGarbageCollector.ts
@@ -0,0 +1,70 @@
+'use strict';
+
+import {
+  unprocessColor,
+  unprocessColorsInProps,
+} from './common/style/processors/colors';
+import type { IAnimatedComponentInternal } from './createAnimatedComponent/commonTypes';
+import { ReanimatedModule } from './ReanimatedModule';
+
+const FLUSH_INTERVAL_MS = 500;
+
+export const PropsRegistryGarbageCollector = {
+  viewsCount: 0,
+  viewsMap: new Map<number, IAnimatedComponentInternal>(),
+  intervalId: null as NodeJS.Timeout | null,
+
+  registerView(viewTag: number, component: IAnimatedComponentInternal) {
+    if (this.viewsMap.has(viewTag)) {
+      // In case of nested AnimatedComponents (like <GestureDetector> with <Animated.View> inside),
+      // `registerView` method is called first for the inner component (e.g. <Animated.View>)
+      // and then second time for the outer component (e.g. <GestureDetector>).
+      // Both of these components have the same viewTag so the inner component will be overwritten
+      // with the outer one. That's why we need to skip the logic during any subsequent calls.
+      return;
+    }
+    this.viewsMap.set(viewTag, component);
+    this.viewsCount++;
+    if (this.viewsCount === 1) {
+      this.registerInterval();
+    }
+  },
+
+  unregisterView(viewTag: number) {
+    this.viewsMap.delete(viewTag);
+    this.viewsCount--;
+    if (this.viewsCount === 0) {
+      this.unregisterInterval();
+    }
+  },
+
+  syncPropsBackToReact() {
+    const settledUpdates = ReanimatedModule.getSettledUpdates();
+    for (const { viewTag, styleProps } of settledUpdates) {
+      const component = this.viewsMap.get(viewTag);
+      unprocessColorsInProps(styleProps);
+      if (Array.isArray(styleProps.boxShadow)) {
+        // @ts-ignore yes we can update boxShadow like this
+        styleProps.boxShadow = styleProps.boxShadow.map((boxShadow) => ({
+          ...boxShadow,
+          color: unprocessColor(boxShadow.color),
+        }));
+      }
+      component?._syncStylePropsBackToReact(styleProps);
+    }
+  },
+
+  registerInterval() {
+    this.intervalId = setInterval(
+      this.syncPropsBackToReact.bind(this),
+      FLUSH_INTERVAL_MS
+    );
+  },
+
+  unregisterInterval() {
+    if (this.intervalId !== null) {
+      clearInterval(this.intervalId);
+      this.intervalId = null;
+    }
+  },
+};
diff --git a/packages/react-native-reanimated/src/ReanimatedModule/NativeReanimated.ts b/packages/react-native-reanimated/src/ReanimatedModule/NativeReanimated.ts
index 165db69cb7ef..fc2704c7050e 100644
--- a/packages/react-native-reanimated/src/ReanimatedModule/NativeReanimated.ts
+++ b/packages/react-native-reanimated/src/ReanimatedModule/NativeReanimated.ts
@@ -16,6 +16,7 @@ import {
 import type {
   InternalHostInstance,
   LayoutAnimationBatchItem,
+  SettledUpdate,
   ShadowNodeWrapper,
   StyleProps,
   Value3D,
@@ -248,6 +249,10 @@ See https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooti
   unregisterCSSTransition(viewTag: number) {
     this.#reanimatedModuleProxy.unregisterCSSTransition(viewTag);
   }
+
+  getSettledUpdates(): SettledUpdate[] {
+    return this.#reanimatedModuleProxy.getSettledUpdates();
+  }
 }
 
 class DummyReanimatedModuleProxy implements ReanimatedModuleProxy {
@@ -287,4 +292,8 @@ class DummyReanimatedModuleProxy implements ReanimatedModuleProxy {
   getViewProp() {
     return null!;
   }
+
+  getSettledUpdates(): SettledUpdate[] {
+    return [];
+  }
 }
diff --git a/packages/react-native-reanimated/src/ReanimatedModule/js-reanimated/JSReanimated.ts b/packages/react-native-reanimated/src/ReanimatedModule/js-reanimated/JSReanimated.ts
index 00cd647af6d9..62f94faf0257 100644
--- a/packages/react-native-reanimated/src/ReanimatedModule/js-reanimated/JSReanimated.ts
+++ b/packages/react-native-reanimated/src/ReanimatedModule/js-reanimated/JSReanimated.ts
@@ -15,6 +15,7 @@ import {
 } from '../../common';
 import type {
   InternalHostInstance,
+  SettledUpdate,
   ShadowNodeWrapper,
   StyleProps,
   Value3D,
@@ -340,6 +341,12 @@ class JSReanimated implements IReanimatedModule {
       '`unregisterCSSTransition` is not available in JSReanimated.'
     );
   }
+
+  getSettledUpdates(): SettledUpdate[] {
+    throw new ReanimatedError(
+      '`getSettledUpdates` is not available in JSReanimated.'
+    );
+  }
 }
 
 // Lack of this export breaks TypeScript generation since
diff --git a/packages/react-native-reanimated/src/ReanimatedModule/reanimatedModuleProxy.ts b/packages/react-native-reanimated/src/ReanimatedModule/reanimatedModuleProxy.ts
index 7eb2a09904b8..1ac62b0dfb04 100644
--- a/packages/react-native-reanimated/src/ReanimatedModule/reanimatedModuleProxy.ts
+++ b/packages/react-native-reanimated/src/ReanimatedModule/reanimatedModuleProxy.ts
@@ -5,6 +5,7 @@ import type { SerializableRef, WorkletFunction } from 'react-native-worklets';
 import type {
   InternalHostInstance,
   LayoutAnimationBatchItem,
+  SettledUpdate,
   ShadowNodeWrapper,
   StyleProps,
   Value3D,
@@ -90,6 +91,8 @@ export interface ReanimatedModuleProxy {
   ): void;
 
   unregisterCSSTransition(viewTag: number): void;
+
+  getSettledUpdates(): SettledUpdate[];
 }
 
 export interface IReanimatedModule
diff --git a/packages/react-native-reanimated/src/common/style/processors/colors.ts b/packages/react-native-reanimated/src/common/style/processors/colors.ts
index a9e838141f84..f0da966dbe4a 100644
--- a/packages/react-native-reanimated/src/common/style/processors/colors.ts
+++ b/packages/react-native-reanimated/src/common/style/processors/colors.ts
@@ -123,3 +123,40 @@ export function processColorsInProps(props: StyleProps) {
     }
   }
 }
+
+export function unprocessColor(value: number): string {
+  const a = value >>> 24;
+  const r = (value << 8) >>> 24;
+  const g = (value << 16) >>> 24;
+  const b = (value << 24) >>> 24;
+  return `rgba(${r},${g},${b},${a})`;
+}
+
+export function unprocessColorsInProps(props: StyleProps) {
+  for (const key in props) {
+    if (!ColorProperties.includes(key)) continue;
+
+    const value = props[key];
+
+    if (Array.isArray(value)) {
+      props[key] = value.map((c) => unprocessColor(c));
+    } else if (isDynamicColorObject(value)) {
+      if (!IS_IOS) {
+        throw new ReanimatedError(
+          'DynamicColorIOS is not available on this platform.'
+        );
+      }
+      const processed = { dynamic: {} as Record<string, Maybe<string>> };
+      const dynamicFields = value.dynamic;
+      for (const field in dynamicFields) {
+        processed.dynamic[field] =
+          dynamicFields[field] != null
+            ? unprocessColor(dynamicFields[field])
+            : undefined;
+      }
+      props[key] = processed;
+    } else {
+      props[key] = unprocessColor(value);
+    }
+  }
+}
diff --git a/packages/react-native-reanimated/src/commonTypes.ts b/packages/react-native-reanimated/src/commonTypes.ts
index c196c3ee1671..2a05a7d8d582 100644
--- a/packages/react-native-reanimated/src/commonTypes.ts
+++ b/packages/react-native-reanimated/src/commonTypes.ts
@@ -361,6 +361,11 @@ export type ShadowNodeWrapper = {
   __nativeStateShadowNodeWrapper: never;
 };
 
+export type SettledUpdate = {
+  viewTag: number;
+  styleProps: StyleProps;
+};
+
 export enum KeyboardState {
   UNKNOWN = 0,
   OPENING = 1,
diff --git a/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx b/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx
index be74e0ca8b5f..10e9bc1f642f 100644
--- a/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx
+++ b/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx
@@ -2,6 +2,7 @@
 import '../layoutReanimation/animationsManager';
 
 import type React from 'react';
+import { StyleSheet } from 'react-native';
 
 import { maybeBuild } from '../animationBuilder';
 import { IS_JEST, IS_WEB, logger } from '../common';
@@ -20,6 +21,7 @@ import {
 } from '../layoutReanimation/web';
 import type { CustomConfig } from '../layoutReanimation/web/config';
 import { addHTMLMutationObserver } from '../layoutReanimation/web/domUtils';
+import { PropsRegistryGarbageCollector } from '../PropsRegistryGarbageCollector';
 import type { ReanimatedHTMLElement } from '../ReanimatedModule/js-reanimated';
 import { updateLayoutAnimations } from '../UpdateLayoutAnimations';
 import type {
@@ -52,7 +54,8 @@ export type Options<P> = {
 
 export default class AnimatedComponent
   extends ReanimatedAnimatedComponent<
-    AnimatedComponentProps<InitialComponentProps>
+    AnimatedComponentProps<InitialComponentProps>,
+    { styleProps: StyleProps }
   >
   implements IAnimatedComponentInternal
 {
@@ -83,6 +86,10 @@ export default class AnimatedComponent
     this._options = options;
     this._displayName = displayName;
 
+    this.state = {
+      styleProps: {},
+    };
+
     if (IS_JEST) {
       this.jestAnimatedStyle = { value: {} };
       this.jestAnimatedProps = { value: {} };
@@ -107,6 +114,12 @@ export default class AnimatedComponent
     this._updateAnimatedStylesAndProps();
     this._InlinePropManager.attachInlineProps(this, this._getViewInfo());
 
+    // TODO: don't do it on web?
+    const viewTag = this.getComponentViewTag();
+    if (viewTag !== -1) {
+      PropsRegistryGarbageCollector.registerView(viewTag, this);
+    }
+
     if (this._options?.jsProps?.length) {
       jsPropsUpdater.registerComponent(this, this._options.jsProps);
     }
@@ -159,6 +172,11 @@ export default class AnimatedComponent
     this._detachStyles();
     this._InlinePropManager.detachInlineProps();
 
+    const viewTag = this.getComponentViewTag();
+    if (viewTag !== -1) {
+      PropsRegistryGarbageCollector.unregisterView(viewTag);
+    }
+
     if (this._options?.jsProps?.length) {
       jsPropsUpdater.unregisterComponent(this);
     }
@@ -181,6 +199,11 @@ export default class AnimatedComponent
     }
   }
 
+  _syncStylePropsBackToReact(props: StyleProps) {
+    this.setState({ styleProps: props });
+    // TODO: find a way to revert changes when animated styles are detached
+  }
+
   _detachStyles() {
     const viewTag = this.getComponentViewTag();
     if (viewTag !== -1) {
@@ -428,9 +451,17 @@ export default class AnimatedComponent
         }
       : {};
 
+    const flatStyles = StyleSheet.flatten(filteredProps.style as object);
+    const mergedStyles = {
+      ...flatStyles,
+      ...this.state.styleProps,
+    };
+
     return super.render({
       nativeID,
       ...filteredProps,
+      ...this.state.styleProps, // TODO: find a better way to persist animated props
+      style: mergedStyles,
       ...jestProps,
     });
   }
diff --git a/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts b/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts
index 3edf79fb07c3..b3dc8280bd18 100644
--- a/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts
+++ b/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts
@@ -134,6 +134,8 @@ export interface IAnimatedComponentInternalBase {
    * handling.
    */
   getComponentViewTag: () => number;
+
+  _syncStylePropsBackToReact: (props: StyleProps) => void;
 }
 
 export interface IAnimatedComponentInternal
diff --git a/packages/react-native-reanimated/src/css/component/AnimatedComponent.tsx b/packages/react-native-reanimated/src/css/component/AnimatedComponent.tsx
index 0ddb9a7740eb..69706e8a94fe 100644
--- a/packages/react-native-reanimated/src/css/component/AnimatedComponent.tsx
+++ b/packages/react-native-reanimated/src/css/component/AnimatedComponent.tsx
@@ -9,6 +9,7 @@ import { IS_JEST, ReanimatedError, SHOULD_BE_USE_WEB } from '../../common';
 import type {
   InternalHostInstance,
   ShadowNodeWrapper,
+  StyleProps,
 } from '../../commonTypes';
 import type {
   AnimatedComponentRef,
@@ -33,8 +34,9 @@ export type AnimatedComponentProps = Record<string, unknown> & {
 // to the main one)
 export default class AnimatedComponent<
     P extends AnyRecord = AnimatedComponentProps,
+    S extends AnyRecord = Record<string, unknown>,
   >
-  extends Component<P>
+  extends Component<P, S>
   implements IAnimatedComponentInternalBase
 {
   ChildComponent: AnyComponent;
@@ -54,6 +56,10 @@ export default class AnimatedComponent<
     this.ChildComponent = ChildComponent;
   }
 
+  _syncStylePropsBackToReact(_props: StyleProps) {
+    // noop
+  }
+
   getComponentViewTag() {
     return this._getViewInfo().viewTag as number;
   }
diff --git a/yarn.lock b/yarn.lock
index df3faeff6e1a..444ac01419e5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12458,7 +12458,7 @@ __metadata:
     react: "npm:19.1.1"
     react-dom: "npm:19.1.1"
     react-native: "npm:0.82.0"
-    react-native-gesture-handler: "npm:2.28.0"
+    react-native-gesture-handler: "npm:2.29.1"
     react-native-pager-view: "npm:7.0.0"
     react-native-reanimated: "workspace:*"
     react-native-safe-area-context: "npm:5.6.1"
@@ -26011,6 +26011,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-native-gesture-handler@npm:2.29.1":
+  version: 2.29.1
+  resolution: "react-native-gesture-handler@npm:2.29.1"
+  dependencies:
+    "@egjs/hammerjs": "npm:^2.0.17"
+    hoist-non-react-statics: "npm:^3.3.0"
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/349517d8e0b3ed5282bc3f8536945dee3439c9cfe773fe26f248a4ccb53049169d484371bb0612a081c3860eff492db7f4dcbac528ff9b5ff1d504d04eb06f5f
+  languageName: node
+  linkType: hard
+
 "react-native-gradle-plugin@npm:^0.71.16":
   version: 0.71.19
   resolution: "react-native-gradle-plugin@npm:0.71.19"