diff --git a/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js b/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js
index ba345e117ca..f70b0f04c7b 100644
--- a/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js
+++ b/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js
@@ -194,7 +194,7 @@ const ReactNativeStyleAttributes: {[string]: AnyAttributeType, ...} = {
   /**
    * BackgroundImage
    */
-  experimental_backgroundImage: backgroundImageAttribute,
+  backgroundImage: backgroundImageAttribute,
 
   /**
    * BackgroundSize
diff --git a/packages/react-native/Libraries/Components/View/__tests__/View-itest.js b/packages/react-native/Libraries/Components/View/__tests__/View-itest.js
index 934e606a289..8d8e7e69410 100644
--- a/packages/react-native/Libraries/Components/View/__tests__/View-itest.js
+++ b/packages/react-native/Libraries/Components/View/__tests__/View-itest.js
@@ -335,13 +335,12 @@ describe('<View>', () => {
               <>
                 <View
                   style={{
-                    experimental_backgroundImage:
-                      'radial-gradient(#e66465, #9198e5)',
+                    backgroundImage: 'radial-gradient(#e66465, #9198e5)',
                   }}
                 />
                 <View
                   style={{
-                    experimental_backgroundImage: [
+                    backgroundImage: [
                       {
                         type: 'radial-gradient',
                         shape: 'ellipse',
diff --git a/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js b/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js
index cdd9eceaead..394876d1239 100644
--- a/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js
+++ b/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js
@@ -199,7 +199,7 @@ const validAttributesForNonEventProps = {
   backgroundColor: colorAttribute,
   transform: true,
   transformOrigin: true,
-  experimental_backgroundImage: backgroundImageAttribute,
+  backgroundImage: backgroundImageAttribute,
   experimental_backgroundSize: backgroundSizeAttribute,
   experimental_backgroundPosition: backgroundPositionAttribute,
   experimental_backgroundRepeat: backgroundRepeatAttribute,
diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
index a55578a4a90..f9a74f3260f 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
@@ -517,10 +517,7 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle {
   filter?: ReadonlyArray<FilterFunction> | string | undefined;
 
   mixBlendMode?: BlendMode | undefined;
-  experimental_backgroundImage?:
-    | ReadonlyArray<BackgroundImageValue>
-    | string
-    | undefined;
+  backgroundImage?: ReadonlyArray<BackgroundImageValue> | string | undefined;
   experimental_backgroundSize?:
     | ReadonlyArray<BackgroundSizeValue>
     | string
diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
index dfc047579ff..9fb11e68824 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
@@ -887,7 +887,7 @@ export type ____ViewStyle_InternalBase = Readonly<{
   boxShadow?: ReadonlyArray<BoxShadowValue> | string,
   filter?: ReadonlyArray<FilterFunction> | string,
   mixBlendMode?: ____BlendMode_Internal,
-  experimental_backgroundImage?: ReadonlyArray<BackgroundImageValue> | string,
+  backgroundImage?: ReadonlyArray<BackgroundImageValue> | string,
   experimental_backgroundSize?: ReadonlyArray<BackgroundSizeValue> | string,
   experimental_backgroundPosition?:
     | ReadonlyArray<BackgroundPositionValue>
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt
index 16176a0f29c..ac281c11be2 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt
@@ -72,7 +72,7 @@ public object ViewProps {
   // Props that affect more than just layout
   public const val ENABLED: String = "enabled"
   public const val BACKGROUND_COLOR: String = "backgroundColor"
-  public const val BACKGROUND_IMAGE: String = "experimental_backgroundImage"
+  public const val BACKGROUND_IMAGE: String = "backgroundImage"
   public const val BACKGROUND_SIZE: String = "experimental_backgroundSize"
   public const val BACKGROUND_POSITION: String = "experimental_backgroundPosition"
   public const val BACKGROUND_REPEAT: String = "experimental_backgroundRepeat"
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
index 9fe8d764f6a..c0f5584911f 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
@@ -223,7 +223,7 @@ BaseViewProps::BaseViewProps(
               : convertRawProp(
                     context,
                     rawProps,
-                    "experimental_backgroundImage",
+                    "backgroundImage",
                     sourceProps.backgroundImage,
                     {})),
       backgroundSize(
@@ -403,7 +403,7 @@ void BaseViewProps::setProp(
   switch (hash) {
     RAW_SET_PROP_SWITCH_CASE_BASIC(opacity);
     RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundColor);
-    RAW_SET_PROP_SWITCH_CASE(backgroundImage, "experimental_backgroundImage");
+    RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundImage);
     RAW_SET_PROP_SWITCH_CASE(backgroundSize, "experimental_backgroundSize");
     RAW_SET_PROP_SWITCH_CASE(
         backgroundPosition, "experimental_backgroundPosition");
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.cpp
index e3b17415629..304cfa8c27d 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.cpp
@@ -625,7 +625,7 @@ folly::dynamic HostPlatformViewProps::getDiffProps(
   }
 
   if (backgroundImage != oldProps->backgroundImage) {
-    result["experimental_backgroundImage"] = toDynamic(backgroundImage);
+    result["backgroundImage"] = toDynamic(backgroundImage);
   }
 
   if (mixBlendMode != oldProps->mixBlendMode) {
diff --git a/packages/react-native/ReactNativeApi.d.ts b/packages/react-native/ReactNativeApi.d.ts
index 48505ca1b82..567e2db03e9 100644
--- a/packages/react-native/ReactNativeApi.d.ts
+++ b/packages/react-native/ReactNativeApi.d.ts
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<bf19d4967e7244131a0ed9b4431d167b>>
+ * @generated SignedSource<<e62248f4d4932263a592c35ebf383e1a>>
  *
  * This file was generated by scripts/js-api/build-types/index.js.
  */
@@ -907,6 +907,7 @@ declare type ____ViewStyle_Internal = Readonly<
 declare type ____ViewStyle_InternalBase = {
   readonly backfaceVisibility?: "hidden" | "visible"
   readonly backgroundColor?: ____ColorValue_Internal
+  readonly backgroundImage?: ReadonlyArray<BackgroundImageValue> | string
   readonly borderBlockColor?: ____ColorValue_Internal
   readonly borderBlockEndColor?: ____ColorValue_Internal
   readonly borderBlockStartColor?: ____ColorValue_Internal
@@ -1649,6 +1650,7 @@ declare type AttributeType<T, V> =
       readonly process?: (arg1: V) => T
     }
 declare type AutoCapitalize = "characters" | "none" | "sentences" | "words"
+declare type BackgroundImageValue = LinearGradientValue | RadialGradientValue
 declare type BackHandler = typeof BackHandler
 declare type BackPressEventName = "backPress" | "hardwareBackPress"
 declare type BaseKeyboardEvent = {
@@ -2925,6 +2927,14 @@ declare type LayoutRectangle = {
   readonly x: number
   readonly y: number
 }
+declare type LinearGradientValue = {
+  colorStops: ReadonlyArray<{
+    color: ____ColorValue_Internal
+    positions?: ReadonlyArray<string>
+  }>
+  direction?: string
+  type: "linear-gradient"
+}
 declare type Linking = typeof Linking
 declare type LinkingEventDefinitions = {
   url: [
@@ -3845,6 +3855,45 @@ declare type PushNotificationPermissions = {
   badge: boolean
   sound: boolean
 }
+declare type RadialExtent =
+  | "closest-corner"
+  | "closest-side"
+  | "farthest-corner"
+  | "farthest-side"
+declare type RadialGradientPosition =
+  | {
+      bottom: number | string
+      left: number | string
+    }
+  | {
+      bottom: number | string
+      right: number | string
+    }
+  | {
+      left: number | string
+      top: number | string
+    }
+  | {
+      right: number | string
+      top: number | string
+    }
+declare type RadialGradientShape = "circle" | "ellipse"
+declare type RadialGradientSize =
+  | RadialExtent
+  | {
+      x: number | string
+      y: number | string
+    }
+declare type RadialGradientValue = {
+  colorStops: ReadonlyArray<{
+    color: ____ColorValue_Internal
+    positions?: ReadonlyArray<string>
+  }>
+  position: RadialGradientPosition
+  shape: RadialGradientShape
+  size: RadialGradientSize
+  type: "radial-gradient"
+}
 declare type Rationale = {
   buttonNegative?: string
   buttonNeutral?: string
@@ -5850,18 +5899,18 @@ export {
   AccessibilityValue, // cf8bcb74
   ActionSheetIOS, // b558559e
   ActionSheetIOSOptions, // 1756eb5a
-  ActivityIndicator, // b2398ac8
+  ActivityIndicator, // 2a0518e9
   ActivityIndicatorInstance, // a82dd4e7
-  ActivityIndicatorProps, // 410756e8
+  ActivityIndicatorProps, // f330d1dc
   Alert, // 5bf12165
   AlertButton, // bf1a3b60
   AlertButtonStyle, // ec9fb242
   AlertOptions, // a0cdac0f
   AlertType, // 5ab91217
   AndroidKeyboardEvent, // e03becc8
-  Animated, // b23fe360
+  Animated, // 09c0f98d
   AppConfig, // 35c0ca70
-  AppRegistry, // ce465c83
+  AppRegistry, // 7ef8e53a
   AppState, // 12012be5
   AppStateEvent, // 80f034c3
   AppStateStatus, // 447e5ef2
@@ -5871,8 +5920,8 @@ export {
   BackPressEventName, // 4620fb76
   BlurEvent, // 4ba4f941
   BoxShadowValue, // b679703f
-  Button, // 2763dfbf
-  ButtonInstance, // 93fc348a
+  Button, // d7ffb46e
+  ButtonInstance, // 3f83f7e7
   ButtonProps, // 35ffc98c
   Clipboard, // 41addb89
   CodegenTypes, // ab4986cc
@@ -5891,9 +5940,9 @@ export {
   DimensionsPayload, // 653bc26c
   DisplayMetrics, // 1dc35cef
   DisplayMetricsAndroid, // 872e62eb
-  DrawerLayoutAndroid, // 4dcb4a45
+  DrawerLayoutAndroid, // 52018924
   DrawerLayoutAndroidInstance, // c0694352
-  DrawerLayoutAndroidProps, // 2f0e6568
+  DrawerLayoutAndroidProps, // 8dfceaf9
   DrawerSlideEvent, // c4ab8fba
   DropShadowValue, // e9df2606
   DynamicColorIOS, // d96c228c
@@ -5908,9 +5957,9 @@ export {
   EventSubscription, // b8d084aa
   ExtendedExceptionData, // 5a6ccf5a
   FilterFunction, // bf24c0e3
-  FlatList, // cb72efc9
-  FlatListInstance, // 8ae5b7be
-  FlatListProps, // 51cbbb65
+  FlatList, // d98f538f
+  FlatListInstance, // 62941810
+  FlatListProps, // deadf762
   FocusEvent, // 850f1517
   FontVariant, // 7c7558bb
   GestureResponderEvent, // 14d3e77a
@@ -5921,36 +5970,36 @@ export {
   IEventEmitter, // fbef6131
   IOSKeyboardEvent, // e67bfe3a
   IgnorePattern, // ec6f6ece
-  Image, // c9d40e0a
-  ImageBackground, // 1ebf73eb
-  ImageBackgroundInstance, // 88068b4d
-  ImageBackgroundProps, // d4ec764b
+  Image, // c6bb54ac
+  ImageBackground, // f4c8dcea
+  ImageBackgroundInstance, // 7c3cd110
+  ImageBackgroundProps, // 3b22066a
   ImageErrorEvent, // 978933f4
   ImageInstance, // 9a100753
   ImageLoadEvent, // 77f0b718
   ImageProgressEventIOS, // 445331a4
-  ImageProps, // 75d78475
+  ImageProps, // 3765f681
   ImagePropsAndroid, // 9fd9bcbb
-  ImagePropsBase, // 3366fcf2
+  ImagePropsBase, // 2cab4147
   ImagePropsIOS, // 4a080668
   ImageRequireSource, // 681d683b
   ImageResolvedAssetSource, // f3060931
   ImageSize, // 1c47cf88
   ImageSource, // 48c7f316
   ImageSourcePropType, // bfb5e5c6
-  ImageStyle, // ad6a6dee
+  ImageStyle, // b184020c
   ImageURISource, // 016eb083
-  InputAccessoryView, // 0b924b84
-  InputAccessoryViewProps, // ac36060b
+  InputAccessoryView, // 9695d393
+  InputAccessoryViewProps, // d94dc290
   InputModeOptions, // 4e8581b9
   Insets, // e7fe432a
   KeyDownEvent, // 5b147614
   KeyEvent, // 20fa4267
   KeyUpEvent, // 57f832c5
   Keyboard, // 49414c97
-  KeyboardAvoidingView, // f612e39b
-  KeyboardAvoidingViewInstance, // 084c1430
-  KeyboardAvoidingViewProps, // 8f05bdcc
+  KeyboardAvoidingView, // 0af358b6
+  KeyboardAvoidingViewInstance, // 1a3c8471
+  KeyboardAvoidingViewProps, // 83473aa1
   KeyboardEvent, // c3f895d4
   KeyboardEventEasing, // af4091c8
   KeyboardEventName, // 59299ad6
@@ -5975,10 +6024,10 @@ export {
   MeasureInWindowOnSuccessCallback, // a285f598
   MeasureLayoutOnSuccessCallback, // 3592502a
   MeasureOnSuccessCallback, // 82824e59
-  Modal, // 2ae8076c
+  Modal, // f30cc19f
   ModalBaseProps, // 71945951
   ModalInstance, // d466ce77
-  ModalProps, // 96a029e2
+  ModalProps, // 4eb5a731
   ModalPropsAndroid, // 515fb173
   ModalPropsIOS, // 0e13cfcc
   ModeChangeEvent, // f64bf69d
@@ -6013,15 +6062,15 @@ export {
   PointerEvent, // ff599afe
   PressabilityConfig, // faab5639
   PressabilityEventHandlers, // 0b910091
-  Pressable, // 1317b500
+  Pressable, // d508cef4
   PressableAndroidRippleConfig, // ee32eaca
   PressableInstance, // eebfe911
-  PressableProps, // fa87db54
+  PressableProps, // f5bffd11
   PressableStateCallbackType, // 9af36561
   ProcessedColorValue, // 33f74304
-  ProgressBarAndroid, // 5fe46213
+  ProgressBarAndroid, // 8ef8ba6a
   ProgressBarAndroidInstance, // ab545ef1
-  ProgressBarAndroidProps, // d83cd71f
+  ProgressBarAndroidProps, // f31ec709
   PublicRootInstance, // 8040afd7
   PublicTextInstance, // 6937c7bf
   PushNotificationEventName, // 84e7e150
@@ -6029,9 +6078,9 @@ export {
   PushNotificationPermissions, // c2e7ae4f
   Rationale, // 5df1b1c1
   ReactNativeVersion, // abd76827
-  RefreshControl, // 36c129c8
-  RefreshControlInstance, // be7161ec
-  RefreshControlProps, // d564221a
+  RefreshControl, // 48160637
+  RefreshControlInstance, // f7d632ba
+  RefreshControlProps, // b028bb5a
   RefreshControlPropsAndroid, // 99f64c97
   RefreshControlPropsIOS, // 72a36381
   Registry, // 6c39216d
@@ -6040,27 +6089,27 @@ export {
   Role, // af7b889d
   RootTag, // 3cd10504
   RootTagContext, // 38bfc8f6
-  RootViewStyleProvider, // d4818465
+  RootViewStyleProvider, // 8792d506
   Runnable, // 594dd93a
   Runnables, // 4367c557
-  SafeAreaView, // 0bfa1f1d
+  SafeAreaView, // 963d85d0
   SafeAreaViewInstance, // 21dba39c
   ScaledSize, // 07e417c7
   ScrollEvent, // d7abdd0a
-  ScrollResponderType, // 3991d0ad
+  ScrollResponderType, // 8864c38f
   ScrollToLocationParamsType, // d7ecdad1
-  ScrollView, // f493b5d4
-  ScrollViewImperativeMethods, // 2791f991
-  ScrollViewInstance, // 8a170aaf
-  ScrollViewProps, // 346eb88e
+  ScrollView, // c67a52a8
+  ScrollViewImperativeMethods, // b4c3feed
+  ScrollViewInstance, // 971d4924
+  ScrollViewProps, // 3ab71e04
   ScrollViewPropsAndroid, // 44210553
   ScrollViewPropsIOS, // b7921e26
   ScrollViewScrollToOptions, // 3313411e
   SectionBase, // dca83594
-  SectionList, // 876f013f
+  SectionList, // e4cd2cce
   SectionListData, // e0d79987
-  SectionListInstance, // dbdba666
-  SectionListProps, // 8bd0ac05
+  SectionListInstance, // 06be7c37
+  SectionListProps, // 983ca166
   SectionListRenderItem, // 466e3e87
   SectionListRenderItemInfo, // d809238e
   Separators, // 6a45f7e3
@@ -6077,19 +6126,19 @@ export {
   StatusBarProps, // b72a9127
   StatusBarStyle, // 78f53eea
   StyleProp, // fa0e9b4a
-  StyleSheet, // fc631571
+  StyleSheet, // 29f1b323
   SubmitBehavior, // c4ddf490
-  Switch, // 135ac108
+  Switch, // 370e8ea2
   SwitchChangeEvent, // 899635b1
   SwitchInstance, // 3c50eec5
-  SwitchProps, // 7a40abb7
+  SwitchProps, // 61214431
   Systrace, // 626d178c
   TVViewPropsIOS, // 330ce7b5
   TargetedEvent, // 16e98910
   TaskProvider, // 266dedf2
-  Text, // 2cf03c50
+  Text, // 17a6c136
   TextContentType, // 239b3ecc
-  TextInput, // 772bbb29
+  TextInput, // 8f39debf
   TextInputAndroidProps, // 3f09ce49
   TextInputChangeEvent, // f55eef98
   TextInputContentSizeChangeEvent, // a27cd32a
@@ -6098,45 +6147,45 @@ export {
   TextInputIOSProps, // 0d05a855
   TextInputInstance, // 5a0c0e0d
   TextInputKeyPressEvent, // 546c5d07
-  TextInputProps, // cf23de8e
+  TextInputProps, // 899880a2
   TextInputSelectionChangeEvent, // e58f2abc
   TextInputSubmitEditingEvent, // 6bcb2aa5
   TextInstance, // 05463a96
   TextLayoutEvent, // 3f54186f
-  TextProps, // 5d931082
-  TextStyle, // fe84eb23
+  TextProps, // a7822140
+  TextStyle, // ab0f32ca
   ToastAndroid, // 88a8969a
   Touchable, // b280637f
-  TouchableHighlight, // 7e5ec9c5
+  TouchableHighlight, // 452aa27b
   TouchableHighlightInstance, // b510c0eb
-  TouchableHighlightProps, // 09dc3407
-  TouchableNativeFeedback, // d18394ba
-  TouchableNativeFeedbackInstance, // 74dc04e1
-  TouchableNativeFeedbackProps, // 98677960
-  TouchableOpacity, // 16b54a1a
+  TouchableHighlightProps, // dc0126c9
+  TouchableNativeFeedback, // bee68787
+  TouchableNativeFeedbackInstance, // f66604fc
+  TouchableNativeFeedbackProps, // 91de1ed8
+  TouchableOpacity, // 0c1239fd
   TouchableOpacityInstance, // b186055b
-  TouchableOpacityProps, // aa6b543f
-  TouchableWithoutFeedback, // 56a6ea8f
-  TouchableWithoutFeedbackProps, // 482dfc28
+  TouchableOpacityProps, // 4c5af3d2
+  TouchableWithoutFeedback, // 8d374ae1
+  TouchableWithoutFeedbackProps, // 65c8c30a
   TransformsStyle, // 65e70f18
   TurboModule, // dfe29706
   TurboModuleRegistry, // 4ace6db2
   UIManager, // a1a7cc01
   UTFSequence, // ad625158
   Vibration, // 31e4bbf8
-  View, // c5b3d5fe
+  View, // 6b216377
   ViewInstance, // ffde5573
-  ViewProps, // a50b7cfa
+  ViewProps, // cbb6c0b5
   ViewPropsAndroid, // 03c17367
   ViewPropsIOS, // 58ee19bf
-  ViewStyle, // 00a0f8fb
+  ViewStyle, // e45056b1
   VirtualViewMode, // 6be59722
   VirtualizedList, // 68c7345e
   VirtualizedListInstance, // 423ee7c0
-  VirtualizedListProps, // a5458c31
+  VirtualizedListProps, // f05a76fd
   VirtualizedSectionList, // 9fd9cd61
   VirtualizedSectionListInstance, // 12b706d5
-  VirtualizedSectionListProps, // ef387a8a
+  VirtualizedSectionListProps, // 283047f7
   WrapperComponentProvider, // 4b8c7962
   codegenNativeCommands, // 628a7c0a
   codegenNativeComponent, // 32a1bca6
diff --git a/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js b/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js
index 4857fed46e6..cab3deb3109 100644
--- a/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js
+++ b/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js
@@ -67,7 +67,7 @@ exports.examples = [
       return (
         <BackgroundImageBox
           style={{
-            experimental_backgroundImage: 'linear-gradient(#e66465, #9198e5)',
+            backgroundImage: 'linear-gradient(#e66465, #9198e5)',
           }}
           testID="background-image-basic">
           <Text style={styles.text}>Basic</Text>
@@ -85,8 +85,7 @@ exports.examples = [
             <Text>45deg</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'linear-gradient(45deg, #ff6b6b, #4ecdc4)',
+                backgroundImage: 'linear-gradient(45deg, #ff6b6b, #4ecdc4)',
               }}
               testID="background-image-angle-1"
             />
@@ -95,8 +94,7 @@ exports.examples = [
             <Text>90deg</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'linear-gradient(90deg, #a8edea, #fed6e3)',
+                backgroundImage: 'linear-gradient(90deg, #a8edea, #fed6e3)',
               }}
               testID="background-image-angle-2"
             />
@@ -105,8 +103,7 @@ exports.examples = [
             <Text>180deg</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'linear-gradient(180deg, #ffecd2, #fcb69f)',
+                backgroundImage: 'linear-gradient(180deg, #ffecd2, #fcb69f)',
               }}
               testID="background-image-angle-3"
             />
@@ -125,7 +122,7 @@ exports.examples = [
             <Text>3 colors</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
+                backgroundImage:
                   'linear-gradient(to right, #ff6b6b, #4ecdc4, #45b7d1)',
               }}
               testID="background-image-multiple-colors-1"
@@ -135,7 +132,7 @@ exports.examples = [
             <Text>4 colors</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
+                backgroundImage:
                   'linear-gradient(to bottom, #667eea, #764ba2, #f093fb, #f5576c)',
               }}
               testID="background-image-multiple-colors-2"
@@ -145,7 +142,7 @@ exports.examples = [
             <Text>Rainbow</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
+                backgroundImage:
                   'linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet)',
               }}
               testID="background-image-multiple-colors-3"
@@ -165,8 +162,7 @@ exports.examples = [
             <Text>Circle</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(circle, #ff6b6b, #4ecdc4)',
+                backgroundImage: 'radial-gradient(circle, #ff6b6b, #4ecdc4)',
               }}
               testID="background-image-radial-1"
             />
@@ -175,8 +171,7 @@ exports.examples = [
             <Text>Ellipse</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(ellipse, #a8edea, #fed6e3)',
+                backgroundImage: 'radial-gradient(ellipse, #a8edea, #fed6e3)',
               }}
               testID="background-image-radial-2"
             />
@@ -198,7 +193,7 @@ exports.examples = [
                 style={{
                   width: 200,
                   height: 200,
-                  experimental_backgroundImage:
+                  backgroundImage:
                     'linear-gradient(45deg, #ff6b6b 25%, transparent 25%), linear-gradient(-45deg, #4ecdc4 25%, transparent 25%)',
                   experimental_backgroundRepeat: 'repeat',
                   experimental_backgroundSize: '20px 20px',
@@ -212,8 +207,7 @@ exports.examples = [
                 style={{
                   width: 200,
                   height: 200,
-                  experimental_backgroundImage:
-                    'linear-gradient(45deg, #ff6b6b, #4ecdc4)',
+                  backgroundImage: 'linear-gradient(45deg, #ff6b6b, #4ecdc4)',
                   experimental_backgroundRepeat: 'space',
                   experimental_backgroundSize: '50px 50px',
                 }}
@@ -228,8 +222,7 @@ exports.examples = [
                 style={{
                   width: 200,
                   height: 200,
-                  experimental_backgroundImage:
-                    'linear-gradient(90deg, #a8edea, #fed6e3)',
+                  backgroundImage: 'linear-gradient(90deg, #a8edea, #fed6e3)',
                   experimental_backgroundRepeat: 'round',
                   experimental_backgroundSize: '60px 60px',
                 }}
@@ -242,8 +235,7 @@ exports.examples = [
                 style={{
                   width: 200,
                   height: 200,
-                  experimental_backgroundImage:
-                    'radial-gradient(circle, #ffecd2, #fcb69f)',
+                  backgroundImage: 'radial-gradient(circle, #ffecd2, #fcb69f)',
                   experimental_backgroundRepeat: 'no-repeat',
                   experimental_backgroundSize: '100px 100px',
                   backgroundColor: 'purple',
@@ -266,8 +258,7 @@ exports.examples = [
             <Text>center</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(circle, #ff6b6b, #4ecdc4)',
+                backgroundImage: 'radial-gradient(circle, #ff6b6b, #4ecdc4)',
                 experimental_backgroundRepeat: 'no-repeat',
                 experimental_backgroundPosition: 'center',
                 experimental_backgroundSize: '50px 50px',
@@ -280,8 +271,7 @@ exports.examples = [
             <Text>25% 75%</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(circle, #a8edea, #fed6e3)',
+                backgroundImage: 'radial-gradient(circle, #a8edea, #fed6e3)',
                 experimental_backgroundRepeat: 'no-repeat',
                 experimental_backgroundPosition: '25% 75%',
                 borderWidth: 1,
@@ -294,8 +284,7 @@ exports.examples = [
             <Text>right bottom</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(circle, #ffecd2, #fcb69f)',
+                backgroundImage: 'radial-gradient(circle, #ffecd2, #fcb69f)',
                 experimental_backgroundRepeat: 'no-repeat',
                 experimental_backgroundPosition: 'right bottom',
                 borderWidth: 1,
@@ -319,7 +308,7 @@ exports.examples = [
             height: 300,
             backgroundColor: '#101010',
 
-            experimental_backgroundImage: `
+            backgroundImage: `
               radial-gradient(circle at 30% 30%, rgba(255, 100, 150, 0.4), transparent 60%),
               radial-gradient(circle at 70% 60%, rgba(100, 200, 255, 0.3), transparent 50%),
               linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px),
@@ -359,8 +348,7 @@ exports.examples = [
             <Text>borderRadius</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'linear-gradient(45deg, #667eea, #764ba2)',
+                backgroundImage: 'linear-gradient(45deg, #667eea, #764ba2)',
                 borderRadius: 20,
               }}
               testID="background-image-borders-1"
@@ -370,8 +358,7 @@ exports.examples = [
             <Text>borderWidth + borderColor</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(circle, #f093fb, #f5576c)',
+                backgroundImage: 'radial-gradient(circle, #f093fb, #f5576c)',
                 borderWidth: 10,
                 borderColor: 'red',
               }}
@@ -382,8 +369,7 @@ exports.examples = [
             <Text>non uniform borderRadius</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(circle, #f093fb, #f5576c)',
+                backgroundImage: 'radial-gradient(circle, #f093fb, #f5576c)',
                 borderTopLeftRadius: 10,
                 borderTopRightRadius: 20,
                 borderBottomLeftRadius: 30,
@@ -396,8 +382,7 @@ exports.examples = [
             <Text>non uniform borderWidth</Text>
             <BackgroundImageBox
               style={{
-                experimental_backgroundImage:
-                  'radial-gradient(circle, #f093fb, #f5576c)',
+                backgroundImage: 'radial-gradient(circle, #f093fb, #f5576c)',
                 borderTopWidth: 10,
                 borderTopColor: 'red',
                 borderBottomWidth: 20,
@@ -417,7 +402,7 @@ exports.examples = [
       return (
         <BackgroundImageBox
           style={{
-            experimental_backgroundImage: [
+            backgroundImage: [
               {
                 type: 'linear-gradient',
                 direction: 'to bottom',
diff --git a/packages/rn-tester/js/examples/LinearGradient/LinearGradientExample.js b/packages/rn-tester/js/examples/LinearGradient/LinearGradientExample.js
index 391b680d07c..0733fb26444 100644
--- a/packages/rn-tester/js/examples/LinearGradient/LinearGradientExample.js
+++ b/packages/rn-tester/js/examples/LinearGradient/LinearGradientExample.js
@@ -57,7 +57,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: 'linear-gradient(#e66465, #9198e5)',
+            backgroundImage: 'linear-gradient(#e66465, #9198e5)',
           }}
           testID="linear-gradient-basic">
           <RNTesterText style={styles.text}>Linear Gradient</RNTesterText>
@@ -73,7 +73,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: 'linear-gradient(45deg, red, blue)',
+            backgroundImage: 'linear-gradient(45deg, red, blue)',
             height: 300,
             width: 140,
           }}
@@ -89,7 +89,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: `
+            backgroundImage: `
                   linear-gradient(0deg, white, rgba(238, 64, 53, 0.8), rgba(238, 64, 53, 0) 70%),
     linear-gradient(45deg, white, rgba(243, 119, 54, 0.8), rgba(243, 119, 54, 0) 70%),
     linear-gradient(90deg, white, rgba(253, 244, 152, 0.8), rgba(253, 244, 152, 0) 70%),
@@ -112,8 +112,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage:
-              'linear-gradient(to bottom right, yellow, green)',
+            backgroundImage: 'linear-gradient(to bottom right, yellow, green)',
           }}
           testID="linear-gradient-diagonal"
         />
@@ -128,8 +127,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage:
-              'linear-gradient(135deg, gray, brown)',
+            backgroundImage: 'linear-gradient(135deg, gray, brown)',
           }}
           testID="linear-gradient-angle"
         />
@@ -144,7 +142,7 @@ exports.examples = [
         <GradientBox
           testID="linear-gradient-color-stops"
           style={{
-            experimental_backgroundImage:
+            backgroundImage:
               'linear-gradient(to right, red 0%, yellow 30%, green 60%, blue 100%)',
           }}
         />
@@ -159,7 +157,7 @@ exports.examples = [
         <GradientBox
           testID="linear-gradient-object-style-syntax"
           style={{
-            experimental_backgroundImage: [
+            backgroundImage: [
               {
                 type: 'linear-gradient',
                 direction: 'to bottom',
@@ -181,8 +179,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage:
-              'linear-gradient(to bottom right, yellow, green)',
+            backgroundImage: 'linear-gradient(to bottom right, yellow, green)',
             borderRadius: 16,
           }}
           testID="linear-gradient-uniform-borders"
@@ -197,8 +194,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage:
-              'linear-gradient(to bottom right, yellow, green)',
+            backgroundImage: 'linear-gradient(to bottom right, yellow, green)',
             borderTopRightRadius: 8,
             borderTopLeftRadius: 80,
           }}
@@ -214,7 +210,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: [
+            backgroundImage: [
               {
                 type: 'linear-gradient',
                 direction: 'to bottom',
@@ -244,7 +240,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: 'linear-gradient(red, 40%, blue)',
+            backgroundImage: 'linear-gradient(red, 40%, blue)',
           }}
           testID="linear-gradient-transition-hint"
         />
@@ -258,7 +254,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: `linear-gradient(
+            backgroundImage: `linear-gradient(
               to right,
               #f15a24 0%,
               #f15a24 50px,
@@ -282,7 +278,7 @@ exports.examples = [
         <GradientBox
           testID="linear-gradient-non-square-multiple-color-stops"
           style={{
-            experimental_backgroundImage:
+            backgroundImage:
               'linear-gradient(45deg, black 9%, red 20%, blue 30%, green 50%, black 90%, transparent)',
             width: 100,
             height: 200,
@@ -299,8 +295,7 @@ exports.examples = [
         <GradientBox
           testID="linear-gradient-transparent-color-transition"
           style={{
-            experimental_backgroundImage:
-              'linear-gradient(to right, red, transparent)',
+            backgroundImage: 'linear-gradient(to right, red, transparent)',
           }}
         />
       );
diff --git a/packages/rn-tester/js/examples/RadialGradient/RadialGradientExample.js b/packages/rn-tester/js/examples/RadialGradient/RadialGradientExample.js
index c0c5c2d7be8..34c640610fc 100644
--- a/packages/rn-tester/js/examples/RadialGradient/RadialGradientExample.js
+++ b/packages/rn-tester/js/examples/RadialGradient/RadialGradientExample.js
@@ -57,7 +57,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: 'radial-gradient(#e66465, #9198e5)',
+            backgroundImage: 'radial-gradient(#e66465, #9198e5)',
           }}
           testID="radial-gradient-basic">
           <RNTesterText style={styles.text}>Radial Gradient</RNTesterText>
@@ -73,8 +73,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage:
-              'radial-gradient(at 70% 30%, red, blue)',
+            backgroundImage: 'radial-gradient(at 70% 30%, red, blue)',
           }}
           testID="radial-gradient-position"
         />
@@ -89,7 +88,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage:
+            backgroundImage:
               'radial-gradient(circle closest-side, yellow, green)',
           }}
           testID="radial-gradient-size"
@@ -105,7 +104,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-color-stops"
           style={{
-            experimental_backgroundImage:
+            backgroundImage:
               'radial-gradient(red 0%, yellow 30%, green 60%, blue 100%)',
           }}
         />
@@ -120,7 +119,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-object-style-syntax"
           style={{
-            experimental_backgroundImage: [
+            backgroundImage: [
               {
                 type: 'radial-gradient',
                 shape: 'circle',
@@ -145,8 +144,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-with-uniform-borders"
           style={{
-            experimental_backgroundImage:
-              'radial-gradient(circle at center, yellow, green)',
+            backgroundImage: 'radial-gradient(circle at center, yellow, green)',
             borderRadius: 16,
           }}
         />
@@ -161,7 +159,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-with-non-uniform-borders"
           style={{
-            experimental_backgroundImage: `radial-gradient(
+            backgroundImage: `radial-gradient(
               circle at 70% 30%,
               #8a2be2 0%,
               #4b0082 50%,
@@ -184,7 +182,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-elliptical"
           style={{
-            experimental_backgroundImage:
+            backgroundImage:
               'radial-gradient(ellipse farthest-corner at 30% 40%, red, blue)',
           }}
         />
@@ -199,7 +197,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-platform-colors"
           style={{
-            experimental_backgroundImage: [
+            backgroundImage: [
               {
                 type: 'radial-gradient',
                 shape: 'circle',
@@ -229,7 +227,7 @@ exports.examples = [
       return (
         <GradientBox
           style={{
-            experimental_backgroundImage: 'radial-gradient(red, 40%, blue)',
+            backgroundImage: 'radial-gradient(red, 40%, blue)',
           }}
           testID="radial-gradient-transition-hint"
         />
@@ -244,7 +242,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-multiple"
           style={{
-            experimental_backgroundImage: `
+            backgroundImage: `
                   radial-gradient(circle at top 20% right 20%, rgba(238, 64, 53, 0.8), rgba(238, 64, 53, 0) 70%),
                   radial-gradient(circle at 50% 50%, rgba(243, 119, 54, 0.8), rgba(243, 119, 54, 0) 70%),
                   radial-gradient(circle at 80% 80%, rgba(123, 192, 67, 0.8), rgba(123, 192, 67, 0) 70%)
@@ -263,7 +261,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-non-square-bounds"
           style={{
-            experimental_backgroundImage: 'radial-gradient(red, blue)',
+            backgroundImage: 'radial-gradient(red, blue)',
             width: 200,
             height: 100,
           }}
@@ -279,7 +277,7 @@ exports.examples = [
         <GradientBox
           testID="radial-gradient-non-square-bounds-height-gt-width"
           style={{
-            experimental_backgroundImage: 'radial-gradient(red, blue)',
+            backgroundImage: 'radial-gradient(red, blue)',
             width: 100,
             height: 300,
           }}