diff --git a/apps/common-app/src/apps/css/examples/animations/screens/testExamples/Playground.tsx b/apps/common-app/src/apps/css/examples/animations/screens/testExamples/Playground.tsx
index 397a58ad53a7..ad876fe6e9ac 100644
--- a/apps/common-app/src/apps/css/examples/animations/screens/testExamples/Playground.tsx
+++ b/apps/common-app/src/apps/css/examples/animations/screens/testExamples/Playground.tsx
@@ -5,12 +5,12 @@
 
 import React from 'react';
 import { Text, View } from 'react-native';
-import { createAnimatedComponent, css } from 'react-native-reanimated';
+import { createCSSAnimatedComponent, css } from 'react-native-reanimated';
 
 import { Screen } from '@/apps/css/components';
 import { flex } from '@/theme';
 
-const AnimatedView = createAnimatedComponent(View);
+const AnimatedView = createCSSAnimatedComponent(View);
 
 export default function Playground() {
   return (
diff --git a/packages/react-native-reanimated/src/css/index.ts b/packages/react-native-reanimated/src/css/index.ts
index 6736b4b9060f..e88fb6613c1b 100644
--- a/packages/react-native-reanimated/src/css/index.ts
+++ b/packages/react-native-reanimated/src/css/index.ts
@@ -1,5 +1,5 @@
 'use strict';
-export { createAnimatedComponent } from './component';
+export { createAnimatedComponent as createCSSAnimatedComponent } from './component';
 export { cubicBezier, linear, steps } from './easing';
 export * from './stylesheet';
 export type {
diff --git a/packages/react-native-reanimated/src/index.ts b/packages/react-native-reanimated/src/index.ts
index 80fc0f1eba29..f3e5bc6f0746 100644
--- a/packages/react-native-reanimated/src/index.ts
+++ b/packages/react-native-reanimated/src/index.ts
@@ -14,6 +14,7 @@ import * as Animated from './Animated';
 
 export default Animated;
 
+export { createAnimatedComponent } from './Animated';
 export type {
   DecayAnimation,
   DelayAnimation,