diff --git a/README.md b/README.md
index 7580d44..0289c0a 100644
--- a/README.md
+++ b/README.md
@@ -10,12 +10,52 @@ npm install dotlottie-react-native
 
 ## Usage
 
-```js
-import { DotlottieReactNativeView } from 'dotlottie-react-native';
+```ts
+import { Button, StyleSheet, View } from 'react-native';
+import { DotLottie, Mode, type Dotlottie } from 'dotlottie-react-native';
+import { useRef } from 'react';
 
-// ...
+export default function App() {
+  const ref = useRef<Dotlottie>(null);
 
-<DotlottieReactNativeView color="tomato" />;
+  return (
+    <View style={styles.container}>
+      <DotLottie
+        ref={ref}
+        source={require('../assets/animation.lottie')}
+        style={styles.box}
+        loop={false}
+        autoplay={false}
+      />
+      <Button title="Play" onPress={() => ref.current?.play()} />
+      <Button title="Pause" onPress={() => ref.current?.pause()} />
+      <Button title="Stop" onPress={() => ref.current?.stop()} />
+      <Button title="Loop" onPress={() => ref.current?.setLoop(true)} />
+      <Button title="Speed" onPress={() => ref.current?.setSpeed(1)} />
+      <Button
+        title="FORWARD"
+        onPress={() => ref.current?.setPlayMode(Mode.FORWARD)}
+      />
+      <Button
+        title="REVERSE"
+        onPress={() => ref.current?.setPlayMode(Mode.REVERSE)}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  box: {
+    width: 200,
+    height: 200,
+    marginVertical: 20,
+  },
+});
 ```
 
 ## Contributing
diff --git a/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativePackage.kt b/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativePackage.kt
index e4332b2..d562dde 100644
--- a/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativePackage.kt
+++ b/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativePackage.kt
@@ -5,10 +5,9 @@ import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
 
-
 class DotlottieReactNativePackage : ReactPackage {
   override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-    return emptyList()
+    return listOf()
   }
 
   override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
diff --git a/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativeView.kt b/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativeView.kt
new file mode 100644
index 0000000..bc787c5
--- /dev/null
+++ b/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativeView.kt
@@ -0,0 +1,179 @@
+package com.dotlottiereactnative
+
+import android.widget.FrameLayout
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import androidx.compose.ui.platform.ComposeView
+import com.dotlottie.dlplayer.Event
+import com.dotlottie.dlplayer.Mode
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.events.RCTEventEmitter
+import com.lottiefiles.dotlottie.core.compose.runtime.DotLottieController
+import com.lottiefiles.dotlottie.core.compose.ui.DotLottieAnimation
+import com.lottiefiles.dotlottie.core.util.DotLottieEventListener
+import com.lottiefiles.dotlottie.core.util.DotLottieSource
+import com.lottiefiles.dotlottie.core.util.StateMachineEventListener
+
+class DotlottieReactNativeView(context: ThemedReactContext) : FrameLayout(context) {
+
+  private var reactContext: ReactContext = context.reactApplicationContext
+  private var animationUrl: String? = null
+  private var loop: Boolean = false
+  private var autoplay: Boolean = true
+  private var speed: Float = 1f
+  private var useFrameInterpolation: Boolean = false
+  private var themeId: String? = null
+  private var marker: String? = null
+  private var segment: Pair<Float, Float>? = null
+  private var playMode: Mode = Mode.FORWARD
+  var dotLottieController: DotLottieController = DotLottieController()
+
+  private val composeView: ComposeView =
+          ComposeView(context).apply {
+            layoutParams = LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
+          }
+
+  init {
+    addView(composeView)
+    // Set initial content
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun onReceiveNativeEvent(eventName: String, value: WritableMap?) {
+
+    reactContext.getJSModule(RCTEventEmitter::class.java).receiveEvent(id, eventName, value)
+  }
+
+  @Composable
+  fun DotLottieContent() {
+    dotLottieController = remember { DotLottieController() }
+
+    val stateListener = remember {
+      object : StateMachineEventListener {
+        override fun onTransition(previousState: String, newState: String) {
+          val value =
+                  Arguments.createMap().apply {
+                    putString("previousState", previousState)
+                    putString("newState", newState)
+                  }
+
+          onReceiveNativeEvent("onTransition", value)
+        }
+
+        override fun onStateExit(leavingState: String) {
+          val value = Arguments.createMap().apply { putString("leavingState", leavingState) }
+          onReceiveNativeEvent("onStateExit", value)
+        }
+
+        override fun onStateEntered(enteringState: String) {
+          val value = Arguments.createMap().apply { putString("enteringState", enteringState) }
+          println("enteringState")
+          onReceiveNativeEvent("onStateEntered", value)
+        }
+      }
+    }
+
+    LaunchedEffect(UInt) { dotLottieController.addStateMachineEventListener(stateListener) }
+
+    animationUrl?.let { url ->
+      DotLottieAnimation(
+              source = DotLottieSource.Url(url),
+              autoplay = autoplay,
+              loop = loop,
+              speed = speed,
+              controller = dotLottieController,
+              useFrameInterpolation = useFrameInterpolation,
+              themeId = themeId,
+              marker = marker,
+              segment = segment,
+              playMode = playMode,
+              eventListeners =
+                      listOf(
+                              object : DotLottieEventListener {
+                                override fun onLoad() {
+                                  onReceiveNativeEvent("onLoad", null)
+                                }
+                                override fun onComplete() {
+
+                                  onReceiveNativeEvent("onComplete", null)
+                                }
+                                override fun onLoadError() {
+
+                                  onReceiveNativeEvent("onLoadError", null)
+                                }
+                                override fun onPlay() {
+                                  onReceiveNativeEvent("onPlay", null)
+                                }
+                                override fun onStop() {
+                                  onReceiveNativeEvent("onRender", null)
+                                }
+                                override fun onPause() {
+                                  onReceiveNativeEvent("onPause", null)
+                                }
+                                override fun onFreeze() {
+                                  onReceiveNativeEvent("onFreeze", null)
+                                }
+                                override fun onUnFreeze() {
+                                  onReceiveNativeEvent("onUnFreeze", null)
+                                }
+                                override fun onDestroy() {
+                                  onReceiveNativeEvent("onDestroy", null)
+                                }
+                              }
+                      )
+      )
+    }
+  }
+
+  fun setSource(url: String?) {
+    animationUrl = url
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun setLoop(value: Boolean) {
+    loop = value
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun setAutoPlay(value: Boolean) {
+    autoplay = value
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun setSpeed(value: Double) {
+    speed = value.toFloat()
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun setUseFrameInterpolation(value: Boolean) {
+    useFrameInterpolation = value
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun setThemeId(value: String?) {
+    themeId = value
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun setMarker(value: String?) {
+    marker = value
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun setSegment(start: Double, end: Double) {
+    segment = Pair(start.toFloat(), end.toFloat())
+    composeView.setContent { DotLottieContent() }
+  }
+
+  fun postEvent(event: String) {
+    dotLottieController.postEvent(Event.String(event))
+  }
+
+  fun resize(width: UInt, height: UInt) {
+    dotLottieController.resize(width, height)
+  }
+}
diff --git a/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativeViewManager.kt b/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativeViewManager.kt
index fac3764..5b0714c 100644
--- a/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativeViewManager.kt
+++ b/android/src/main/java/com/dotlottiereactnative/DotlottieReactNativeViewManager.kt
@@ -1,50 +1,274 @@
 package com.dotlottiereactnative
 
-import android.view.View
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.platform.ComposeView
+import com.dotlottie.dlplayer.Mode
+import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.uimanager.SimpleViewManager
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.annotations.ReactProp
-import com.lottiefiles.dotlottie.core.compose.ui.DotLottieAnimation
-import com.lottiefiles.dotlottie.core.util.DotLottieSource
 
-class DotlottieReactNativeViewManager : SimpleViewManager<View>() {
-
-  private var animationUrl: String? = null
-  private var loop: Boolean = false
-  private var autoplay: Boolean = true
+class DotlottieReactNativeViewManager : SimpleViewManager<DotlottieReactNativeView>() {
 
   override fun getName() = "DotlottieReactNativeView"
 
-  override fun createViewInstance(reactContext: ThemedReactContext): ComposeView {
-    return ComposeView(reactContext).apply { setContent { DotLottieContent() } }
+  override fun createViewInstance(reactContext: ThemedReactContext): DotlottieReactNativeView {
+    return DotlottieReactNativeView(reactContext)
+  }
+
+  override fun getCommandsMap(): MutableMap<String, Int> {
+    return mutableMapOf(
+            COMMAND_PLAY to COMMAND_PLAY_ID,
+            COMMAND_PAUSE to COMMAND_PAUSE_ID,
+            COMMAND_STOP to COMMAND_STOP_ID,
+            COMMAND_SET_SPEED to COMMAND_SET_SPEED_ID,
+            COMMAND_FREEZE to COMMAND_FREEZE_ID,
+            COMMAND_UNFREEZE to COMMAND_UNFREEZE_ID,
+            COMMAND_SET_LOOP to COMMAND_SET_LOOP_ID,
+            COMMAND_SET_FRAME to COMMAND_SET_FRAME_ID,
+            COMMAND_SET_PLAY_MODE to COMMAND_SET_PLAY_MODE_ID,
+            COMMAND_START_STATE_MACHINE to COMMAND_START_STATE_MACHINE_ID,
+            COMMAND_STOP_STATE_MACHINE to COMMAND_STOP_STATE_MACHINE_ID,
+            COMMAND_LOAD_STATE_MACHINE to COMMAND_LOAD_STATE_MACHINE_ID,
+            COMMAND_POST_EVENT to COMMAND_POST_EVENT_ID,
+            COMMAND_ADD_STATE_MACHINE_EVENT_LISTENER to COMMAND_ADD_STATE_MACHINE_EVENT_LISTENER_ID,
+            COMMAND_REMOVE_STATE_MACHINE_EVENT_LISTENER to
+                    COMMAND_REMOVE_STATE_MACHINE_EVENT_LISTENER_ID,
+            COMMAND_SET_PLAYER_INSTANCE to COMMAND_SET_PLAYER_INSTANCE_ID,
+            COMMAND_RESIZE to COMMAND_RESIZE_ID,
+            COMMAND_SET_USE_FRAME_INTERPOLATION to COMMAND_SET_USE_FRAME_INTERPOLATION_ID,
+            COMMAND_SET_SEGMENT to COMMAND_SET_SEGMENT_ID,
+            COMMAND_SET_MARKER to COMMAND_SET_MARKER_ID,
+            COMMAND_SET_LAYOUT to COMMAND_SET_LAYOUT_ID,
+            COMMAND_LOAD_THEME to COMMAND_LOAD_THEME_ID,
+            COMMAND_LOAD_ANIMATION to COMMAND_LOAD_ANIMATION_ID,
+            COMMAND_MANIFEST to COMMAND_MANIFEST_ID,
+    )
+  }
+
+  override fun getExportedCustomBubblingEventTypeConstants(): Map<String, Any> {
+    return getEventTypeConstants(
+            "onLoad",
+            "onComplete",
+            "onLoadError",
+            "onPlay",
+            "onLoop",
+            "onDestroy",
+            "onUnFreeze",
+            "onFreeze",
+            "onPause",
+            "onFrame",
+            "onStop",
+            "onRender",
+            "onLoop",
+            "onTransition",
+            "onStateExit",
+            "onStateEntered"
+    )
   }
 
-  @Composable
-  fun DotLottieContent() {
-    // Use the URL to load the animation
-    animationUrl?.let { url ->
-      DotLottieAnimation(source = DotLottieSource.Url(url), autoplay = autoplay, loop = loop)
+  override fun receiveCommand(
+          view: DotlottieReactNativeView,
+          commandId: Int,
+          args: ReadableArray?
+  ) {
+
+    if (commandId == COMMAND_PLAY_ID) view.dotLottieController.play()
+    if (commandId == COMMAND_PAUSE_ID) view.dotLottieController.pause()
+    if (commandId == COMMAND_STOP_ID) view.dotLottieController.stop()
+    if (commandId == COMMAND_SET_SPEED_ID) {
+      val speed = args?.getDouble(0)?.toFloat() ?: 1f
+      view.dotLottieController.setSpeed(speed)
+    }
+    if (commandId == COMMAND_FREEZE_ID) {
+      view.dotLottieController.freeze()
+    }
+    if (commandId == COMMAND_UNFREEZE_ID) {
+      view.dotLottieController.unFreeze()
+    }
+    if (commandId == COMMAND_SET_LOOP_ID) {
+      val loop = args?.getBoolean(0) ?: false
+      view.dotLottieController.setLoop(loop)
+    }
+
+    if (commandId == COMMAND_SET_FRAME_ID) {
+      val frame = args?.getDouble(0)?.toFloat() ?: 0f
+      view.dotLottieController.setFrame(frame)
+    }
+    if (commandId == COMMAND_SET_PLAY_MODE_ID) {
+      val mode = args?.getInt(0)
+      val modeValue = Mode.values()[mode ?: 0]
+      view.dotLottieController.setPlayMode(modeValue)
+    }
+
+    if (commandId == COMMAND_START_STATE_MACHINE_ID) {
+      val stateMachineId = args?.getString(0) ?: ""
+      val result = view.dotLottieController.loadStateMachine(stateMachineId)
+      if (result) {
+        view.dotLottieController.startStateMachine()
+      }
+    }
+
+    if (commandId == COMMAND_STOP_STATE_MACHINE_ID) {
+      view.dotLottieController.stopStateMachine()
+    }
+
+    if (commandId == COMMAND_LOAD_STATE_MACHINE_ID) {
+      val stateMachineId = args?.getString(0) ?: ""
+      view.dotLottieController.loadStateMachine(stateMachineId)
+    }
+
+    if (commandId == COMMAND_POST_EVENT_ID) {
+      val event = args?.getString(0) ?: ""
+      view.postEvent(event)
+    }
+    if (commandId == COMMAND_RESIZE_ID) {
+      val width = args?.getDouble(0)?.toUInt() ?: 0u
+      val height = args?.getDouble(1)?.toUInt() ?: 0u
+      view.resize(width, height)
+    }
+
+    if (commandId == COMMAND_SET_SEGMENT_ID) {
+      val start = args?.getDouble(0)?.toFloat() ?: 0f
+      val end = args?.getDouble(1)?.toFloat() ?: 0f
+      view.dotLottieController.setSegment(start, end)
+    }
+
+    if (commandId == COMMAND_SET_MARKER_ID) {
+      val marker = args?.getString(0) ?: ""
+      view.dotLottieController.setMarker(marker)
+    }
+    if (commandId == COMMAND_MANIFEST_ID) {
+      view.dotLottieController.manifest()
+    }
+
+    if (commandId == COMMAND_LOAD_THEME_ID) {
+      val themeId = args?.getString(0) ?: ""
+      view.dotLottieController.loadTheme(themeId)
+    }
+
+    if (commandId == COMMAND_LOAD_ANIMATION_ID) {
+      val animationId = args?.getString(0) ?: ""
+      view.dotLottieController.loadAnimation(animationId)
     }
   }
 
   @ReactProp(name = "source")
-  fun setSource(view: ComposeView, url: String?) {
-    // Update the URL and re-compose the view
-    animationUrl = url
-    view.setContent { DotLottieContent() }
+  fun setSource(view: DotlottieReactNativeView, url: String?) {
+    view.setSource(url)
   }
 
   @ReactProp(name = "loop")
-  fun setLoop(view: ComposeView, value: Boolean) {
-    loop = value
-    view.setContent { DotLottieContent() }
+  fun setLoop(view: DotlottieReactNativeView, value: Boolean) {
+    view.setLoop(value)
   }
 
   @ReactProp(name = "autoplay")
-  fun setAutoPlay(view: ComposeView, value: Boolean) {
-    autoplay = value
-    view.setContent { DotLottieContent() }
+  fun setAutoPlay(view: DotlottieReactNativeView, value: Boolean) {
+    view.setAutoPlay(value)
+  }
+
+  @ReactProp(name = "speed")
+  fun setSpeed(view: DotlottieReactNativeView, value: Double) {
+    view.setSpeed(value)
+  }
+
+  @ReactProp(name = "frame")
+  fun setUseFrameInterpolation(view: DotlottieReactNativeView, value: Boolean) {
+    view.setUseFrameInterpolation(value)
+  }
+
+  @ReactProp(name = "segment")
+  fun setSegment(view: DotlottieReactNativeView, value: ReadableArray) {
+    val start = value.getDouble(0)
+    val end = value.getDouble(1)
+    view.setSegment(start, end)
+  }
+
+  @ReactProp(name = "themeId")
+  fun setThemeId(view: DotlottieReactNativeView, value: String?) {
+    view.setThemeId(value)
+  }
+
+  @ReactProp(name = "marker")
+  fun setMarker(view: DotlottieReactNativeView, value: String?) {
+    view.setMarker(value)
+  }
+  companion object {
+    const val TAG = "DotlottieReactNativeViewManager"
+
+    private const val COMMAND_PLAY = "play"
+    private const val COMMAND_PLAY_ID = 1
+
+    private const val COMMAND_PAUSE = "pause"
+    private const val COMMAND_PAUSE_ID = 2
+
+    private const val COMMAND_STOP = "stop"
+    private const val COMMAND_STOP_ID = 3
+
+    private const val COMMAND_SET_SPEED = "setSpeed"
+    private const val COMMAND_SET_SPEED_ID = 4
+
+    private const val COMMAND_FREEZE = "freeze"
+    private const val COMMAND_FREEZE_ID = 5
+
+    private const val COMMAND_UNFREEZE = "unFreeze"
+    private const val COMMAND_UNFREEZE_ID = 6
+
+    private const val COMMAND_SET_LOOP = "setLoop"
+    private const val COMMAND_SET_LOOP_ID = 7
+
+    private const val COMMAND_SET_PROGRESS = "setProgress"
+    private const val COMMAND_SET_PROGRESS_ID = 8
+
+    private const val COMMAND_SET_FRAME = "setFrame"
+    private const val COMMAND_SET_FRAME_ID = 9
+
+    private const val COMMAND_SET_PLAY_MODE = "setPlayMode"
+    private const val COMMAND_SET_PLAY_MODE_ID = 10
+
+    private const val COMMAND_START_STATE_MACHINE = "startStateMachine"
+    private const val COMMAND_START_STATE_MACHINE_ID = 11
+
+    private const val COMMAND_STOP_STATE_MACHINE = "stopStateMachine"
+    private const val COMMAND_STOP_STATE_MACHINE_ID = 12
+
+    private const val COMMAND_LOAD_STATE_MACHINE = "loadStateMachine"
+    private const val COMMAND_LOAD_STATE_MACHINE_ID = 13
+
+    private const val COMMAND_POST_EVENT = "postEvent"
+    private const val COMMAND_POST_EVENT_ID = 14
+
+    private const val COMMAND_ADD_STATE_MACHINE_EVENT_LISTENER = "addStateMachineEventListener"
+    private const val COMMAND_ADD_STATE_MACHINE_EVENT_LISTENER_ID = 15
+
+    private const val COMMAND_REMOVE_STATE_MACHINE_EVENT_LISTENER =
+            "removeStateMachineEventListener"
+    private const val COMMAND_REMOVE_STATE_MACHINE_EVENT_LISTENER_ID = 16
+
+    private const val COMMAND_SET_PLAYER_INSTANCE = "setPlayerInstance"
+    private const val COMMAND_SET_PLAYER_INSTANCE_ID = 17
+
+    private const val COMMAND_RESIZE = "resize"
+    private const val COMMAND_RESIZE_ID = 18
+
+    private const val COMMAND_SET_USE_FRAME_INTERPOLATION = "setUseFrameInterpolation"
+    private const val COMMAND_SET_USE_FRAME_INTERPOLATION_ID = 19
+
+    private const val COMMAND_SET_SEGMENT = "setSegment"
+    private const val COMMAND_SET_SEGMENT_ID = 20
+
+    private const val COMMAND_SET_MARKER = "setMarker"
+    private const val COMMAND_SET_MARKER_ID = 21
+
+    private const val COMMAND_SET_LAYOUT = "setLayout"
+    private const val COMMAND_SET_LAYOUT_ID = 22
+
+    private const val COMMAND_LOAD_THEME = "loadTheme"
+    private const val COMMAND_LOAD_THEME_ID = 23
+
+    private const val COMMAND_LOAD_ANIMATION = "loadAnimation"
+    private const val COMMAND_LOAD_ANIMATION_ID = 24
+
+    private const val COMMAND_MANIFEST = "manifest"
+    private const val COMMAND_MANIFEST_ID = 25
   }
 }
diff --git a/android/src/main/java/com/dotlottiereactnative/Utils.kt b/android/src/main/java/com/dotlottiereactnative/Utils.kt
new file mode 100644
index 0000000..cd90e74
--- /dev/null
+++ b/android/src/main/java/com/dotlottiereactnative/Utils.kt
@@ -0,0 +1,5 @@
+package com.dotlottiereactnative
+
+fun getEventTypeConstants(vararg list: String): Map<String, Any> {
+  return list.associateWith { mapOf("phasedRegistrationNames" to mapOf("bubbled" to it)) }
+}
diff --git a/dotlottie-react-native.podspec b/dotlottie-react-native.podspec
index 7dff592..3190f6a 100644
--- a/dotlottie-react-native.podspec
+++ b/dotlottie-react-native.podspec
@@ -16,6 +16,12 @@ Pod::Spec.new do |s|
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
+  s.dependency 'dotLottie-iOS'
+
+  s.swift_version = '5.0'
+  s.ios.deployment_target = "15.4"
+  s.osx.deployment_target = "12.0"
+
 
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
   # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
diff --git a/example/DotLottie b/example/DotLottie
new file mode 160000
index 0000000..90eea12
--- /dev/null
+++ b/example/DotLottie
@@ -0,0 +1 @@
+Subproject commit 90eea12220ff1b869c6de61432bc5360300d6f49
diff --git a/example/android/build.gradle b/example/android/build.gradle
index d051950..9909248 100644
--- a/example/android/build.gradle
+++ b/example/android/build.gradle
@@ -10,6 +10,8 @@ buildscript {
     repositories {
         google()
         mavenCentral()
+        maven { url = uri("https://jitpack.io" ) }
+        jcenter()
     }
     dependencies {
         classpath("com.android.tools.build:gradle")
diff --git a/example/assets/animation.lottie b/example/assets/animation.lottie
new file mode 100644
index 0000000..8810c03
Binary files /dev/null and b/example/assets/animation.lottie differ
diff --git a/example/assets/exploding_pigeon.lottie b/example/assets/exploding_pigeon.lottie
new file mode 100644
index 0000000..d4593ac
Binary files /dev/null and b/example/assets/exploding_pigeon.lottie differ
diff --git a/example/assets/pigeon_with_listeners.lottie b/example/assets/pigeon_with_listeners.lottie
new file mode 100644
index 0000000..6400e9a
Binary files /dev/null and b/example/assets/pigeon_with_listeners.lottie differ
diff --git a/example/ios/DotlottieReactNativeExample.xcodeproj/project.pbxproj b/example/ios/DotlottieReactNativeExample.xcodeproj/project.pbxproj
index 130b461..9645ea2 100644
--- a/example/ios/DotlottieReactNativeExample.xcodeproj/project.pbxproj
+++ b/example/ios/DotlottieReactNativeExample.xcodeproj/project.pbxproj
@@ -15,7 +15,6 @@
 		20B988C88E4E65B38B0487F5 /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = 82B9E1E47ADAEAFE30DF360F /* PrivacyInfo.xcprivacy */; };
 		7699B88040F8A987B510C191 /* libPods-DotlottieReactNativeExample-DotlottieReactNativeExampleTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-DotlottieReactNativeExample-DotlottieReactNativeExampleTests.a */; };
 		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
-		9A17D6222C654ADA0055E29B /* DotLottie in Frameworks */ = {isa = PBXBuildFile; productRef = 9A17D6212C654ADA0055E29B /* DotLottie */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -64,7 +63,6 @@
 			buildActionMask = 2147483647;
 			files = (
 				0C80B921A6F3F58F76C31292 /* libPods-DotlottieReactNativeExample.a in Frameworks */,
-				9A17D6222C654ADA0055E29B /* DotLottie in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -194,12 +192,8 @@
 			buildRules = (
 			);
 			dependencies = (
-				9A17D6272C654F7D0055E29B /* PBXTargetDependency */,
 			);
 			name = DotlottieReactNativeExample;
-			packageProductDependencies = (
-				9A17D6212C654ADA0055E29B /* DotLottie */,
-			);
 			productName = DotlottieReactNativeExample;
 			productReference = 13B07F961A680F5B00A75B9A /* DotlottieReactNativeExample.app */;
 			productType = "com.apple.product-type.application";
@@ -420,10 +414,6 @@
 			target = 13B07F861A680F5B00A75B9A /* DotlottieReactNativeExample */;
 			targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
 		};
-		9A17D6272C654F7D0055E29B /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			productRef = 9A17D6262C654F7D0055E29B /* DotLottie */;
-		};
 /* End PBXTargetDependency section */
 
 /* Begin XCBuildConfiguration section */
@@ -585,7 +575,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 16.0;
 				LD = "";
 				LDPLUSPLUS = "";
 				LD_RUNPATH_SEARCH_PATHS = (
@@ -607,7 +597,10 @@
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
-				OTHER_LDFLAGS = "$(inherited)  ";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					" ",
+				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = true;
@@ -658,7 +651,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 16.0;
 				LD = "";
 				LDPLUSPLUS = "";
 				LD_RUNPATH_SEARCH_PATHS = (
@@ -679,7 +672,10 @@
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
-				OTHER_LDFLAGS = "$(inherited)  ";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					" ",
+				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = true;
@@ -729,19 +725,6 @@
 			};
 		};
 /* End XCRemoteSwiftPackageReference section */
-
-/* Begin XCSwiftPackageProductDependency section */
-		9A17D6212C654ADA0055E29B /* DotLottie */ = {
-			isa = XCSwiftPackageProductDependency;
-			package = 9A17D6202C654ADA0055E29B /* XCRemoteSwiftPackageReference "dotlottie-ios" */;
-			productName = DotLottie;
-		};
-		9A17D6262C654F7D0055E29B /* DotLottie */ = {
-			isa = XCSwiftPackageProductDependency;
-			package = 9A17D6202C654ADA0055E29B /* XCRemoteSwiftPackageReference "dotlottie-ios" */;
-			productName = DotLottie;
-		};
-/* End XCSwiftPackageProductDependency section */
 	};
 	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
 }
diff --git a/example/ios/DotlottieReactNativeExample.xcworkspace/xcshareddata/swiftpm/Package.resolved b/example/ios/DotlottieReactNativeExample.xcworkspace/xcshareddata/swiftpm/Package.resolved
index 5e10386..c9dc267 100644
--- a/example/ios/DotlottieReactNativeExample.xcworkspace/xcshareddata/swiftpm/Package.resolved
+++ b/example/ios/DotlottieReactNativeExample.xcworkspace/xcshareddata/swiftpm/Package.resolved
@@ -7,7 +7,7 @@
       "location" : "https://github.com/LottieFiles/dotlottie-ios",
       "state" : {
         "branch" : "main",
-        "revision" : "4d714e2473118b684a174a804b308c3848cd4ad7"
+        "revision" : "1da0e9511ab3502d46fc3ffaf1dd0a326fa14d76"
       }
     }
   ],
diff --git a/example/ios/Podfile b/example/ios/Podfile
index b55cfb5..6784d2a 100644
--- a/example/ios/Podfile
+++ b/example/ios/Podfile
@@ -5,7 +5,7 @@ require Pod::Executable.execute_command('node', ['-p',
     {paths: [process.argv[1]]},
   )', __dir__]).strip
 
-platform :ios, min_ios_version_supported
+platform :ios, "17.0"
 prepare_react_native_project!
 
 linkage = ENV['USE_FRAMEWORKS']
diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
deleted file mode 100644
index f8b5260..0000000
--- a/example/ios/Podfile.lock
+++ /dev/null
@@ -1,1427 +0,0 @@
-PODS:
-  - boost (1.83.0)
-  - dotlottie-react-native (0.1.0):
-    - DoubleConversion
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Codegen
-    - React-Core
-    - React-debug
-    - React-Fabric
-    - React-featureflags
-    - React-graphics
-    - React-ImageManager
-    - React-NativeModulesApple
-    - React-RCTFabric
-    - React-rendererdebug
-    - React-utils
-    - ReactCommon/turbomodule/bridging
-    - ReactCommon/turbomodule/core
-    - Yoga
-  - DoubleConversion (1.1.6)
-  - FBLazyVector (0.74.5)
-  - fmt (9.1.0)
-  - glog (0.3.5)
-  - hermes-engine (0.74.5):
-    - hermes-engine/Pre-built (= 0.74.5)
-  - hermes-engine/Pre-built (0.74.5)
-  - RCT-Folly (2024.01.01.00):
-    - boost
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - RCT-Folly/Default (= 2024.01.01.00)
-  - RCT-Folly/Default (2024.01.01.00):
-    - boost
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-  - RCT-Folly/Fabric (2024.01.01.00):
-    - boost
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-  - RCTDeprecation (0.74.5)
-  - RCTRequired (0.74.5)
-  - RCTTypeSafety (0.74.5):
-    - FBLazyVector (= 0.74.5)
-    - RCTRequired (= 0.74.5)
-    - React-Core (= 0.74.5)
-  - React (0.74.5):
-    - React-Core (= 0.74.5)
-    - React-Core/DevSupport (= 0.74.5)
-    - React-Core/RCTWebSocket (= 0.74.5)
-    - React-RCTActionSheet (= 0.74.5)
-    - React-RCTAnimation (= 0.74.5)
-    - React-RCTBlob (= 0.74.5)
-    - React-RCTImage (= 0.74.5)
-    - React-RCTLinking (= 0.74.5)
-    - React-RCTNetwork (= 0.74.5)
-    - React-RCTSettings (= 0.74.5)
-    - React-RCTText (= 0.74.5)
-    - React-RCTVibration (= 0.74.5)
-  - React-callinvoker (0.74.5)
-  - React-Codegen (0.74.5):
-    - DoubleConversion
-    - glog
-    - hermes-engine
-    - RCT-Folly
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-debug
-    - React-Fabric
-    - React-FabricImage
-    - React-featureflags
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-NativeModulesApple
-    - React-rendererdebug
-    - React-utils
-    - ReactCommon/turbomodule/bridging
-    - ReactCommon/turbomodule/core
-  - React-Core (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default (= 0.74.5)
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/CoreModulesHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/Default (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/DevSupport (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default (= 0.74.5)
-    - React-Core/RCTWebSocket (= 0.74.5)
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTActionSheetHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTAnimationHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTBlobHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTImageHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTLinkingHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTNetworkHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTSettingsHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTTextHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTVibrationHeaders (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-Core/RCTWebSocket (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTDeprecation
-    - React-Core/Default (= 0.74.5)
-    - React-cxxreact
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-perflogger
-    - React-runtimescheduler
-    - React-utils
-    - SocketRocket (= 0.7.0)
-    - Yoga
-  - React-CoreModules (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTTypeSafety (= 0.74.5)
-    - React-Codegen
-    - React-Core/CoreModulesHeaders (= 0.74.5)
-    - React-jsi (= 0.74.5)
-    - React-jsinspector
-    - React-NativeModulesApple
-    - React-RCTBlob
-    - React-RCTImage (= 0.74.5)
-    - ReactCommon
-    - SocketRocket (= 0.7.0)
-  - React-cxxreact (0.74.5):
-    - boost (= 1.83.0)
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-callinvoker (= 0.74.5)
-    - React-debug (= 0.74.5)
-    - React-jsi (= 0.74.5)
-    - React-jsinspector
-    - React-logger (= 0.74.5)
-    - React-perflogger (= 0.74.5)
-    - React-runtimeexecutor (= 0.74.5)
-  - React-debug (0.74.5)
-  - React-Fabric (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-Fabric/animations (= 0.74.5)
-    - React-Fabric/attributedstring (= 0.74.5)
-    - React-Fabric/componentregistry (= 0.74.5)
-    - React-Fabric/componentregistrynative (= 0.74.5)
-    - React-Fabric/components (= 0.74.5)
-    - React-Fabric/core (= 0.74.5)
-    - React-Fabric/imagemanager (= 0.74.5)
-    - React-Fabric/leakchecker (= 0.74.5)
-    - React-Fabric/mounting (= 0.74.5)
-    - React-Fabric/scheduler (= 0.74.5)
-    - React-Fabric/telemetry (= 0.74.5)
-    - React-Fabric/templateprocessor (= 0.74.5)
-    - React-Fabric/textlayoutmanager (= 0.74.5)
-    - React-Fabric/uimanager (= 0.74.5)
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/animations (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/attributedstring (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/componentregistry (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/componentregistrynative (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-Fabric/components/inputaccessory (= 0.74.5)
-    - React-Fabric/components/legacyviewmanagerinterop (= 0.74.5)
-    - React-Fabric/components/modal (= 0.74.5)
-    - React-Fabric/components/rncore (= 0.74.5)
-    - React-Fabric/components/root (= 0.74.5)
-    - React-Fabric/components/safeareaview (= 0.74.5)
-    - React-Fabric/components/scrollview (= 0.74.5)
-    - React-Fabric/components/text (= 0.74.5)
-    - React-Fabric/components/textinput (= 0.74.5)
-    - React-Fabric/components/unimplementedview (= 0.74.5)
-    - React-Fabric/components/view (= 0.74.5)
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/inputaccessory (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/legacyviewmanagerinterop (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/modal (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/rncore (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/root (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/safeareaview (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/scrollview (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/text (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/textinput (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/unimplementedview (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/components/view (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-    - Yoga
-  - React-Fabric/core (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/imagemanager (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/leakchecker (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/mounting (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/scheduler (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/telemetry (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/templateprocessor (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/textlayoutmanager (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-Fabric/uimanager
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-Fabric/uimanager (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-graphics
-    - React-jsi
-    - React-jsiexecutor
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core
-  - React-FabricImage (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - RCTRequired (= 0.74.5)
-    - RCTTypeSafety (= 0.74.5)
-    - React-Fabric
-    - React-graphics
-    - React-ImageManager
-    - React-jsi
-    - React-jsiexecutor (= 0.74.5)
-    - React-logger
-    - React-rendererdebug
-    - React-utils
-    - ReactCommon
-    - Yoga
-  - React-featureflags (0.74.5)
-  - React-graphics (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - React-Core/Default (= 0.74.5)
-    - React-utils
-  - React-hermes (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-cxxreact (= 0.74.5)
-    - React-jsi
-    - React-jsiexecutor (= 0.74.5)
-    - React-jsinspector
-    - React-perflogger (= 0.74.5)
-    - React-runtimeexecutor
-  - React-ImageManager (0.74.5):
-    - glog
-    - RCT-Folly/Fabric
-    - React-Core/Default
-    - React-debug
-    - React-Fabric
-    - React-graphics
-    - React-rendererdebug
-    - React-utils
-  - React-jserrorhandler (0.74.5):
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - React-debug
-    - React-jsi
-    - React-Mapbuffer
-  - React-jsi (0.74.5):
-    - boost (= 1.83.0)
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-  - React-jsiexecutor (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-cxxreact (= 0.74.5)
-    - React-jsi (= 0.74.5)
-    - React-jsinspector
-    - React-perflogger (= 0.74.5)
-  - React-jsinspector (0.74.5):
-    - DoubleConversion
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-featureflags
-    - React-jsi
-    - React-runtimeexecutor (= 0.74.5)
-  - React-jsitracing (0.74.5):
-    - React-jsi
-  - React-logger (0.74.5):
-    - glog
-  - React-Mapbuffer (0.74.5):
-    - glog
-    - React-debug
-  - React-nativeconfig (0.74.5)
-  - React-NativeModulesApple (0.74.5):
-    - glog
-    - hermes-engine
-    - React-callinvoker
-    - React-Core
-    - React-cxxreact
-    - React-jsi
-    - React-jsinspector
-    - React-runtimeexecutor
-    - ReactCommon/turbomodule/bridging
-    - ReactCommon/turbomodule/core
-  - React-perflogger (0.74.5)
-  - React-RCTActionSheet (0.74.5):
-    - React-Core/RCTActionSheetHeaders (= 0.74.5)
-  - React-RCTAnimation (0.74.5):
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTTypeSafety
-    - React-Codegen
-    - React-Core/RCTAnimationHeaders
-    - React-jsi
-    - React-NativeModulesApple
-    - ReactCommon
-  - React-RCTAppDelegate (0.74.5):
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Codegen
-    - React-Core
-    - React-CoreModules
-    - React-debug
-    - React-Fabric
-    - React-featureflags
-    - React-graphics
-    - React-hermes
-    - React-nativeconfig
-    - React-NativeModulesApple
-    - React-RCTFabric
-    - React-RCTImage
-    - React-RCTNetwork
-    - React-rendererdebug
-    - React-RuntimeApple
-    - React-RuntimeCore
-    - React-RuntimeHermes
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon
-  - React-RCTBlob (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-Codegen
-    - React-Core/RCTBlobHeaders
-    - React-Core/RCTWebSocket
-    - React-jsi
-    - React-jsinspector
-    - React-NativeModulesApple
-    - React-RCTNetwork
-    - ReactCommon
-  - React-RCTFabric (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - React-Core
-    - React-debug
-    - React-Fabric
-    - React-FabricImage
-    - React-featureflags
-    - React-graphics
-    - React-ImageManager
-    - React-jsi
-    - React-jsinspector
-    - React-nativeconfig
-    - React-RCTImage
-    - React-RCTText
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - Yoga
-  - React-RCTImage (0.74.5):
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTTypeSafety
-    - React-Codegen
-    - React-Core/RCTImageHeaders
-    - React-jsi
-    - React-NativeModulesApple
-    - React-RCTNetwork
-    - ReactCommon
-  - React-RCTLinking (0.74.5):
-    - React-Codegen
-    - React-Core/RCTLinkingHeaders (= 0.74.5)
-    - React-jsi (= 0.74.5)
-    - React-NativeModulesApple
-    - ReactCommon
-    - ReactCommon/turbomodule/core (= 0.74.5)
-  - React-RCTNetwork (0.74.5):
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTTypeSafety
-    - React-Codegen
-    - React-Core/RCTNetworkHeaders
-    - React-jsi
-    - React-NativeModulesApple
-    - ReactCommon
-  - React-RCTSettings (0.74.5):
-    - RCT-Folly (= 2024.01.01.00)
-    - RCTTypeSafety
-    - React-Codegen
-    - React-Core/RCTSettingsHeaders
-    - React-jsi
-    - React-NativeModulesApple
-    - ReactCommon
-  - React-RCTText (0.74.5):
-    - React-Core/RCTTextHeaders (= 0.74.5)
-    - Yoga
-  - React-RCTVibration (0.74.5):
-    - RCT-Folly (= 2024.01.01.00)
-    - React-Codegen
-    - React-Core/RCTVibrationHeaders
-    - React-jsi
-    - React-NativeModulesApple
-    - ReactCommon
-  - React-rendererdebug (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - RCT-Folly (= 2024.01.01.00)
-    - React-debug
-  - React-rncore (0.74.5)
-  - React-RuntimeApple (0.74.5):
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - React-callinvoker
-    - React-Core/Default
-    - React-CoreModules
-    - React-cxxreact
-    - React-jserrorhandler
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-Mapbuffer
-    - React-NativeModulesApple
-    - React-RCTFabric
-    - React-RuntimeCore
-    - React-runtimeexecutor
-    - React-RuntimeHermes
-    - React-utils
-  - React-RuntimeCore (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - React-cxxreact
-    - React-featureflags
-    - React-jserrorhandler
-    - React-jsi
-    - React-jsiexecutor
-    - React-jsinspector
-    - React-runtimeexecutor
-    - React-runtimescheduler
-    - React-utils
-  - React-runtimeexecutor (0.74.5):
-    - React-jsi (= 0.74.5)
-  - React-RuntimeHermes (0.74.5):
-    - hermes-engine
-    - RCT-Folly/Fabric (= 2024.01.01.00)
-    - React-featureflags
-    - React-hermes
-    - React-jsi
-    - React-jsinspector
-    - React-jsitracing
-    - React-nativeconfig
-    - React-RuntimeCore
-    - React-utils
-  - React-runtimescheduler (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-callinvoker
-    - React-cxxreact
-    - React-debug
-    - React-featureflags
-    - React-jsi
-    - React-rendererdebug
-    - React-runtimeexecutor
-    - React-utils
-  - React-utils (0.74.5):
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-debug
-    - React-jsi (= 0.74.5)
-  - ReactCommon (0.74.5):
-    - ReactCommon/turbomodule (= 0.74.5)
-  - ReactCommon/turbomodule (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-callinvoker (= 0.74.5)
-    - React-cxxreact (= 0.74.5)
-    - React-jsi (= 0.74.5)
-    - React-logger (= 0.74.5)
-    - React-perflogger (= 0.74.5)
-    - ReactCommon/turbomodule/bridging (= 0.74.5)
-    - ReactCommon/turbomodule/core (= 0.74.5)
-  - ReactCommon/turbomodule/bridging (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-callinvoker (= 0.74.5)
-    - React-cxxreact (= 0.74.5)
-    - React-jsi (= 0.74.5)
-    - React-logger (= 0.74.5)
-    - React-perflogger (= 0.74.5)
-  - ReactCommon/turbomodule/core (0.74.5):
-    - DoubleConversion
-    - fmt (= 9.1.0)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.01.01.00)
-    - React-callinvoker (= 0.74.5)
-    - React-cxxreact (= 0.74.5)
-    - React-debug (= 0.74.5)
-    - React-jsi (= 0.74.5)
-    - React-logger (= 0.74.5)
-    - React-perflogger (= 0.74.5)
-    - React-utils (= 0.74.5)
-  - SocketRocket (0.7.0)
-  - Yoga (0.0.0)
-
-DEPENDENCIES:
-  - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`)
-  - dotlottie-react-native (from `../..`)
-  - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
-  - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
-  - fmt (from `../node_modules/react-native/third-party-podspecs/fmt.podspec`)
-  - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
-  - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`)
-  - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`)
-  - RCT-Folly/Fabric (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`)
-  - RCTDeprecation (from `../node_modules/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation`)
-  - RCTRequired (from `../node_modules/react-native/Libraries/Required`)
-  - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`)
-  - React (from `../node_modules/react-native/`)
-  - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`)
-  - React-Codegen (from `build/generated/ios`)
-  - React-Core (from `../node_modules/react-native/`)
-  - React-Core/RCTWebSocket (from `../node_modules/react-native/`)
-  - React-CoreModules (from `../node_modules/react-native/React/CoreModules`)
-  - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`)
-  - React-debug (from `../node_modules/react-native/ReactCommon/react/debug`)
-  - React-Fabric (from `../node_modules/react-native/ReactCommon`)
-  - React-FabricImage (from `../node_modules/react-native/ReactCommon`)
-  - React-featureflags (from `../node_modules/react-native/ReactCommon/react/featureflags`)
-  - React-graphics (from `../node_modules/react-native/ReactCommon/react/renderer/graphics`)
-  - React-hermes (from `../node_modules/react-native/ReactCommon/hermes`)
-  - React-ImageManager (from `../node_modules/react-native/ReactCommon/react/renderer/imagemanager/platform/ios`)
-  - React-jserrorhandler (from `../node_modules/react-native/ReactCommon/jserrorhandler`)
-  - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`)
-  - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
-  - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector-modern`)
-  - React-jsitracing (from `../node_modules/react-native/ReactCommon/hermes/executor/`)
-  - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
-  - React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
-  - React-nativeconfig (from `../node_modules/react-native/ReactCommon`)
-  - React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
-  - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
-  - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
-  - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`)
-  - React-RCTAppDelegate (from `../node_modules/react-native/Libraries/AppDelegate`)
-  - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`)
-  - React-RCTFabric (from `../node_modules/react-native/React`)
-  - React-RCTImage (from `../node_modules/react-native/Libraries/Image`)
-  - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`)
-  - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`)
-  - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`)
-  - React-RCTText (from `../node_modules/react-native/Libraries/Text`)
-  - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
-  - React-rendererdebug (from `../node_modules/react-native/ReactCommon/react/renderer/debug`)
-  - React-rncore (from `../node_modules/react-native/ReactCommon`)
-  - React-RuntimeApple (from `../node_modules/react-native/ReactCommon/react/runtime/platform/ios`)
-  - React-RuntimeCore (from `../node_modules/react-native/ReactCommon/react/runtime`)
-  - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
-  - React-RuntimeHermes (from `../node_modules/react-native/ReactCommon/react/runtime`)
-  - React-runtimescheduler (from `../node_modules/react-native/ReactCommon/react/renderer/runtimescheduler`)
-  - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
-  - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
-  - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
-
-SPEC REPOS:
-  trunk:
-    - SocketRocket
-
-EXTERNAL SOURCES:
-  boost:
-    :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec"
-  dotlottie-react-native:
-    :path: "../.."
-  DoubleConversion:
-    :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec"
-  FBLazyVector:
-    :path: "../node_modules/react-native/Libraries/FBLazyVector"
-  fmt:
-    :podspec: "../node_modules/react-native/third-party-podspecs/fmt.podspec"
-  glog:
-    :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec"
-  hermes-engine:
-    :podspec: "../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec"
-    :tag: hermes-2024-06-28-RNv0.74.3-7bda0c267e76d11b68a585f84cfdd65000babf85
-  RCT-Folly:
-    :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec"
-  RCTDeprecation:
-    :path: "../node_modules/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation"
-  RCTRequired:
-    :path: "../node_modules/react-native/Libraries/Required"
-  RCTTypeSafety:
-    :path: "../node_modules/react-native/Libraries/TypeSafety"
-  React:
-    :path: "../node_modules/react-native/"
-  React-callinvoker:
-    :path: "../node_modules/react-native/ReactCommon/callinvoker"
-  React-Codegen:
-    :path: build/generated/ios
-  React-Core:
-    :path: "../node_modules/react-native/"
-  React-CoreModules:
-    :path: "../node_modules/react-native/React/CoreModules"
-  React-cxxreact:
-    :path: "../node_modules/react-native/ReactCommon/cxxreact"
-  React-debug:
-    :path: "../node_modules/react-native/ReactCommon/react/debug"
-  React-Fabric:
-    :path: "../node_modules/react-native/ReactCommon"
-  React-FabricImage:
-    :path: "../node_modules/react-native/ReactCommon"
-  React-featureflags:
-    :path: "../node_modules/react-native/ReactCommon/react/featureflags"
-  React-graphics:
-    :path: "../node_modules/react-native/ReactCommon/react/renderer/graphics"
-  React-hermes:
-    :path: "../node_modules/react-native/ReactCommon/hermes"
-  React-ImageManager:
-    :path: "../node_modules/react-native/ReactCommon/react/renderer/imagemanager/platform/ios"
-  React-jserrorhandler:
-    :path: "../node_modules/react-native/ReactCommon/jserrorhandler"
-  React-jsi:
-    :path: "../node_modules/react-native/ReactCommon/jsi"
-  React-jsiexecutor:
-    :path: "../node_modules/react-native/ReactCommon/jsiexecutor"
-  React-jsinspector:
-    :path: "../node_modules/react-native/ReactCommon/jsinspector-modern"
-  React-jsitracing:
-    :path: "../node_modules/react-native/ReactCommon/hermes/executor/"
-  React-logger:
-    :path: "../node_modules/react-native/ReactCommon/logger"
-  React-Mapbuffer:
-    :path: "../node_modules/react-native/ReactCommon"
-  React-nativeconfig:
-    :path: "../node_modules/react-native/ReactCommon"
-  React-NativeModulesApple:
-    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios"
-  React-perflogger:
-    :path: "../node_modules/react-native/ReactCommon/reactperflogger"
-  React-RCTActionSheet:
-    :path: "../node_modules/react-native/Libraries/ActionSheetIOS"
-  React-RCTAnimation:
-    :path: "../node_modules/react-native/Libraries/NativeAnimation"
-  React-RCTAppDelegate:
-    :path: "../node_modules/react-native/Libraries/AppDelegate"
-  React-RCTBlob:
-    :path: "../node_modules/react-native/Libraries/Blob"
-  React-RCTFabric:
-    :path: "../node_modules/react-native/React"
-  React-RCTImage:
-    :path: "../node_modules/react-native/Libraries/Image"
-  React-RCTLinking:
-    :path: "../node_modules/react-native/Libraries/LinkingIOS"
-  React-RCTNetwork:
-    :path: "../node_modules/react-native/Libraries/Network"
-  React-RCTSettings:
-    :path: "../node_modules/react-native/Libraries/Settings"
-  React-RCTText:
-    :path: "../node_modules/react-native/Libraries/Text"
-  React-RCTVibration:
-    :path: "../node_modules/react-native/Libraries/Vibration"
-  React-rendererdebug:
-    :path: "../node_modules/react-native/ReactCommon/react/renderer/debug"
-  React-rncore:
-    :path: "../node_modules/react-native/ReactCommon"
-  React-RuntimeApple:
-    :path: "../node_modules/react-native/ReactCommon/react/runtime/platform/ios"
-  React-RuntimeCore:
-    :path: "../node_modules/react-native/ReactCommon/react/runtime"
-  React-runtimeexecutor:
-    :path: "../node_modules/react-native/ReactCommon/runtimeexecutor"
-  React-RuntimeHermes:
-    :path: "../node_modules/react-native/ReactCommon/react/runtime"
-  React-runtimescheduler:
-    :path: "../node_modules/react-native/ReactCommon/react/renderer/runtimescheduler"
-  React-utils:
-    :path: "../node_modules/react-native/ReactCommon/react/utils"
-  ReactCommon:
-    :path: "../node_modules/react-native/ReactCommon"
-  Yoga:
-    :path: "../node_modules/react-native/ReactCommon/yoga"
-
-SPEC CHECKSUMS:
-  boost: d3f49c53809116a5d38da093a8aa78bf551aed09
-  dotlottie-react-native: 09dd155dda0544da366afb84db1dd5b46d57bd48
-  DoubleConversion: 76ab83afb40bddeeee456813d9c04f67f78771b5
-  FBLazyVector: ac12dc084d1c8ec4cc4d7b3cf1b0ebda6dab85af
-  fmt: 4c2741a687cc09f0634a2e2c72a838b99f1ff120
-  glog: fdfdfe5479092de0c4bdbebedd9056951f092c4f
-  hermes-engine: 8c1577f3fdb849cbe7729c2e7b5abc4b845e88f8
-  RCT-Folly: 02617c592a293bd6d418e0a88ff4ee1f88329b47
-  RCTDeprecation: 3afceddffa65aee666dafd6f0116f1d975db1584
-  RCTRequired: ec1239bc9d8bf63e10fb92bd8b26171a9258e0c1
-  RCTTypeSafety: f5ecbc86c5c5fa163c05acb7a1c5012e15b5f994
-  React: fc9fa7258eff606f44d58c5b233a82dc9cf09018
-  React-callinvoker: e3fab14d69607fb7e8e3a57e5a415aed863d3599
-  React-Codegen: 6fa87b7c6b8efcd0cef4bfeaec8c8bc8a6abe75a
-  React-Core: 3a5fd9e781cecf87803e5b091496a606a3df774a
-  React-CoreModules: cbf4707dafab8f9f826ac0c63a07d0bf5d01e256
-  React-cxxreact: 7b188556271e3c7fdf22a04819f6a6225045b9dd
-  React-debug: d30893c49ae1bce4037ea5cd8bb2511d2a38d057
-  React-Fabric: 826729dd2304fda9b89ff0a579f60ba2a470bc26
-  React-FabricImage: 2ad1fb8ffa5778eda9ed204a7b3cdd70bc333ce7
-  React-featureflags: 4ae83e72d9a92452793601ac9ac7d2280e486089
-  React-graphics: 61a026e1c1e7e20d20ac9fec6f6de631732b233d
-  React-hermes: a7054fbcbda3957e3c5eaad06ef9bf79998d535a
-  React-ImageManager: 2bbd6eb2e696bc680f76f84563e4b87d241614e1
-  React-jserrorhandler: 56fa04d49bfbe54ddfece7916673a73ebfea286b
-  React-jsi: f3ce1dd2e950b6ad12b65ea3ef89168f1b94c584
-  React-jsiexecutor: b4df3a27973d82f9abf3c4bd0f88e042cda25f16
-  React-jsinspector: 97ea746c023687de7313ee289817d6991d596c7d
-  React-jsitracing: 3b6060bbf5317663667e1dd93560c7943ab86ccc
-  React-logger: 257858bd55f3a4e1bc0cf07ddc8fb9faba6f8c7c
-  React-Mapbuffer: 6c1cacdbf40b531f549eba249e531a7d0bfd8e7f
-  React-nativeconfig: ba9a2e54e2f0882cf7882698825052793ed4c851
-  React-NativeModulesApple: 8d11ff8955181540585c944cf48e9e7236952697
-  React-perflogger: ed4e0c65781521e0424f2e5e40b40cc7879d737e
-  React-RCTActionSheet: 49d53ff03bb5688ca4606c55859053a0cd129ea5
-  React-RCTAnimation: 07b4923885c52c397c4ec103924bf6e53b42c73e
-  React-RCTAppDelegate: 316e295076734baf9bdf1bfac7d92ab647aed930
-  React-RCTBlob: 85c57b0d5e667ff8a472163ba3af0628171a64bb
-  React-RCTFabric: 97c1465ded4dc92841f5376a39e43e1b2c455f40
-  React-RCTImage: b965c85bec820e2a9c154b1fb00a2ecdd59a9c92
-  React-RCTLinking: 75f04a5f27c26c4e73a39c50df470820d219df79
-  React-RCTNetwork: c1a9143f4d5778efc92da40d83969d03912ccc24
-  React-RCTSettings: c6800f91c0ecd48868cd5db754b0b0a7f5ffe039
-  React-RCTText: b923e24f9b7250bc4f7ab154c4168ad9f8d8fc9d
-  React-RCTVibration: 08c4f0c917c435b3619386c25a94ee5d64c250f0
-  React-rendererdebug: 3cda04217d9df67b94397ee0ead8ef3d8b7e427b
-  React-rncore: 4013508a2f3fcf46c961919bbbd4bfdda198977e
-  React-RuntimeApple: 447844a2bdb0a03ffd24e5b4a4b96cfc50325b88
-  React-RuntimeCore: 9b5bffdaccee9b707b1c2694c9044e13ff0bb087
-  React-runtimeexecutor: 0e688aefc14c6bc8601f4968d8d01c3fb6446844
-  React-RuntimeHermes: 4d6ef6bb0f2b0b40d59143317f6b99c82764c959
-  React-runtimescheduler: cfbe85c3510c541ec6dc815c7729b41304b67961
-  React-utils: f242eb7e7889419d979ca0e1c02ccc0ea6e43b29
-  ReactCommon: f7da14a8827b72704169a48c929bcde802698361
-  SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
-  Yoga: 950bbfd7e6f04790fdb51149ed51df41f329fcc8
-
-PODFILE CHECKSUM: 139b78530aeefde1370c31df3d28b2243b55ec40
-
-COCOAPODS: 1.15.2
diff --git a/example/metro.config.js b/example/metro.config.js
index 78e4f81..ab948dd 100644
--- a/example/metro.config.js
+++ b/example/metro.config.js
@@ -1,17 +1,27 @@
 const path = require('path');
-const { getDefaultConfig } = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const { getConfig } = require('react-native-builder-bob/metro-config');
 const pkg = require('../package.json');
 
 const root = path.resolve(__dirname, '..');
 
+const defaultConfig = getDefaultConfig(__dirname);
+
+const config = {
+  resolver: {
+    assetExts: [...defaultConfig.resolver.assetExts, 'lottie'],
+  },
+};
+
+const mergedConfig = mergeConfig(defaultConfig, config);
+
 /**
  * Metro configuration
  * https://facebook.github.io/metro/docs/configuration
  *
  * @type {import('metro-config').MetroConfig}
  */
-module.exports = getConfig(getDefaultConfig(__dirname), {
+module.exports = getConfig(mergedConfig, {
   root,
   pkg,
   project: __dirname,
diff --git a/example/src/App.tsx b/example/src/App.tsx
index 9525cfa..5344a10 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -1,15 +1,60 @@
-import { StyleSheet, View } from 'react-native';
-import { DotlottieReactNativeView } from 'dotlottie-react-native';
+import { Button, StyleSheet, View } from 'react-native';
+import { DotLottie, Mode, type Dotlottie } from 'dotlottie-react-native';
+import { useRef } from 'react';
 
 export default function App() {
+  const ref = useRef<Dotlottie>(null);
+
   return (
     <View style={styles.container}>
-      <DotlottieReactNativeView
-        source="https://lottie.host/3a34a38a-e52f-486f-8709-3063f9d18af9/1tzAlg30dp.json"
+      <DotLottie
+        ref={ref}
+        source={require('../assets/pigeon_with_listeners.lottie')}
         style={styles.box}
         loop={false}
-        autoplay={false}
+        autoplay={true}
+        onPlay={() => console.log('onPlay')}
+        onLoop={(loopCount) => console.log('onLoop', loopCount)}
+        onPause={() => console.log('onPause')}
+        onStop={() => console.log('onStop')}
+        onTransition={(event) => console.log('onTransitionEnd', event)}
+        onStateEntered={(event) => console.log('onStateEntered', event)}
+      />
+
+      <Button title="Play" onPress={() => ref.current?.play()} />
+      <Button title="Pause" onPress={() => ref.current?.pause()} />
+      <Button title="Stop" onPress={() => ref.current?.stop()} />
+      <Button title="Loop" onPress={() => ref.current?.setLoop(true)} />
+      <Button title="Speed" onPress={() => ref.current?.setSpeed(4)} />
+
+      <Button
+        title="FORWARD"
+        onPress={() => ref.current?.setPlayMode(Mode.FORWARD)}
+      />
+      <Button
+        title="REVERSE"
+        onPress={() => ref.current?.setPlayMode(Mode.REVERSE)}
+      />
+      <Button
+        title="START_STATE_MACHINE"
+        onPress={() => ref.current?.startStateMachine('pigeon_fsm')}
       />
+
+      <Button
+        title="LOAD_STATE_MACHINE"
+        onPress={() => ref.current?.loadStateMachine('pigeon_fsm')}
+      />
+      <Button
+        title="REMOVE_STATE_MACHINE"
+        onPress={() => ref.current?.removeStateMachineEventListener()}
+      />
+
+      <Button
+        title="STOP_STATE_MACHINE"
+        onPress={() => ref.current?.stopStateMachine()}
+      />
+
+      <Button title="post Event" onPress={() => ref.current?.postEvent(0, 0)} />
     </View>
   );
 }
diff --git a/ios/DotlottieReactNative-Bridging-Header.h b/ios/DotlottieReactNative-Bridging-Header.h
index 16eb5eb..c40787b 100644
--- a/ios/DotlottieReactNative-Bridging-Header.h
+++ b/ios/DotlottieReactNative-Bridging-Header.h
@@ -1 +1,5 @@
+#import <React/RCTBridgeModule.h>
 #import <React/RCTViewManager.h>
+#import <React/RCTBridge.h>
+#import <React/RCTUIManager.h>
+
diff --git a/ios/DotlottieReactNativeViewManager.m b/ios/DotlottieReactNativeViewManager.m
index 62360bd..61a5e61 100644
--- a/ios/DotlottieReactNativeViewManager.m
+++ b/ios/DotlottieReactNativeViewManager.m
@@ -2,6 +2,37 @@
 
 @interface RCT_EXTERN_MODULE(DotlottieReactNativeViewManager, RCTViewManager)
 
-RCT_EXPORT_VIEW_PROPERTY(color, NSString)
+
+
+RCT_EXTERN_METHOD(dummy:(nonnull NSNumber *)node)
+RCT_EXTERN_METHOD(pause:(nonnull NSNumber *)node)
+RCT_EXTERN_METHOD(setLoop:(nonnull NSNumber *)node loop:(BOOL)loop)
+RCT_EXTERN_METHOD(stop:(nonnull NSNumber *)node)
+RCT_EXTERN_METHOD(play:(nonnull NSNumber *)node)
+RCT_EXTERN_METHOD(setSpeed:(nonnull NSNumber *)node speed:(nonnull NSNumber *)speed)
+RCT_EXTERN_METHOD(setFrame:(nonnull NSNumber *)node frame:(nonnull NSNumber *)frame)
+RCT_EXTERN_METHOD(setPlayMode:(nonnull NSNumber *)node mode:(nonnull NSNumber *)mode)
+RCT_EXTERN_METHOD(setMarker:(nonnull NSNumber *)node marker:(nonnull NSString *)marker)
+RCT_EXTERN_METHOD(setFrameInterpolation:(nonnull NSNumber *)node useFrameInterpolation:(BOOL)useFrameInterpolation)
+RCT_EXTERN_METHOD(startStateMachine:(nonnull NSNumber *)node stateMachineiId:(nonnull NSString *)stateMachineiId)
+RCT_EXTERN_METHOD(postEvent:(nonnull NSNumber *)node x:(nonnull NSNumber *)x y:(nonnull NSNumber *)y)
+RCT_EXTERN_METHOD(setSegments:(nonnull NSNumber *)node start:(nonnull NSNumber *)start end:(nonnull NSNumber *)end)
+RCT_EXTERN_METHOD(resize:(nonnull NSNumber *)node width:(nonnull NSNumber *)width height:(nonnull NSNumber *)height)
+RCT_EXPORT_VIEW_PROPERTY(source, NSString)
+RCT_EXPORT_VIEW_PROPERTY(loop, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(autoplay, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(speed, Double)
+RCT_EXPORT_VIEW_PROPERTY(onPlay, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onLoop, RCTBubblingEventBlock)
+// RCT_EXPORT_VIEW_PROPERTY(onLoad, RCTBubblingEventBlock)
+// RCT_EXPORT_VIEW_PROPERTY(onLoadError, RCTBubblingEventBlock)
+
+
++ (BOOL)requiresMainQueueSetup
+{
+  return YES;
+}
+
+
 
 @end
diff --git a/ios/DotlottieReactNativeViewManager.swift b/ios/DotlottieReactNativeViewManager.swift
index a3797c4..5dc2376 100644
--- a/ios/DotlottieReactNativeViewManager.swift
+++ b/ios/DotlottieReactNativeViewManager.swift
@@ -1,15 +1,112 @@
-import DotLottie
+import dotLottie
+import SwiftUI
 
 
-class AnimationViewController: UIViewController {
-    var simpleVM = DotLottieAnimation(webURL: "https://lottie.host/link.lottie", config: AnimationConfig(autoplay: true, loop: false))
+ class Datastore: ObservableObject {
+   @Published var source: NSString = ""
+  @Published var loop: Bool = false
+  @Published var autoplay: Bool = true
+  @Published var speed: Double = 1
+  @Published var onPlay: RCTBubblingEventBlock = {_ in }
+  @Published var onLoad: RCTBubblingEventBlock = {_ in }
+  @Published var onLoadError: RCTBubblingEventBlock = {_ in }
+  @Published var onLoop: RCTBubblingEventBlock = {_ in }
+   
+  @Published var animation: DotLottieAnimation?
+   
+   func createAnimation() {
+     if(self.source != ""){
+       self.animation = DotLottieAnimation(
+        webURL: source as String,
+        config: AnimationConfig(autoplay: autoplay, loop: loop, speed: Float(speed))
+       )
+     }
+   }
+}
+
+
+
+
+
+
+
+
+
+
+class YourDotLottieObserver: Observer {
+    var dataStore: Datastore
+      
+      init(dataStore: Datastore) {
+          self.dataStore = dataStore
+      }
+    func onComplete() {
+        // do something
+    }
+
+    func onFrame(frameNo: Float) {
+        // do something
+    }
+
+    func onLoad() {
+//        dataStore.onLoad(["" : ""])
+    }
+
+    func onLoadError() {
+//        dataStore.onLoadError(["" : ""])
+    }
+
+    func onLoop(loopCount: UInt32) {
+      dataStore.onLoop(["loopCount" : loopCount])
+    }
 
-    override func viewWillAppear(_ animated: Bool) {
-        let dotLottieView = simpleVM.createDotLottieView()
-        view.addSubview(dotLottieView)
+    func onPause() {
+        // do something
     }
+
+    func onPlay() {
+        dataStore.onPlay(["" : ""])
+    }
+
+    func onRender(frameNo: Float) {
+        // do something
+    }
+
+    func onStop() {
+        // do something
+    }
+}
+
+
+
+struct AnimationView: View {
+    @EnvironmentObject var dataStore: Datastore
+  
+
+    var body: some View {
+      if let animation = dataStore.animation {
+                  DotLottieView(dotLottie: animation)
+                      .onAppear {
+                          subscribeToAnimation()
+                      }
+              } else {
+                  Text("Loading animation...")
+                      .onAppear {
+                          dataStore.createAnimation()
+                      }
+              }
+    }
+  
+
+    
+  func subscribeToAnimation() {
+          guard let animation = dataStore.animation else { return }
+          let animationView = DotLottieView(dotLottie: animation)
+          let myObserver = YourDotLottieObserver(dataStore: dataStore)
+          animationView.subscribe(observer: myObserver)
+      }
 }
 
+
 @objc(DotlottieReactNativeViewManager)
 class DotlottieReactNativeViewManager: RCTViewManager {
 
@@ -17,57 +114,228 @@ class DotlottieReactNativeViewManager: RCTViewManager {
     return DotlottieReactNativeView()
   }
 
+  
+  
+  
+  
+  @objc
+  func pause(_ node:NSNumber) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.pause()
+    }
+  }
+  
+  @objc
+  func stop(_ node:NSNumber) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.stop()
+    }
+  }
+  
+  @objc
+  func play(_ node:NSNumber) {
+      DispatchQueue.main.async {
+        let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+        _ = dotLottieView._animation?.play()
+        
+      }
+    }
+  
+  @objc
+  func setLoop(_ node:NSNumber, loop:Bool) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.setLoop(loop: loop)
+    }
+  }
+  
+  @objc func setSpeed(_ node:NSNumber, speed:NSNumber) {
+    DispatchQueue.main.async {
+      let convertedSpeed = Float(truncating: speed)
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.setSpeed(speed: convertedSpeed)
+    }
+  }
+  
+  @objc func setFrame(_ node:NSNumber, frame:NSNumber) {
+    DispatchQueue.main.async {
+      let convertedFrame = Float(truncating: frame)
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.setFrame(frame: convertedFrame)
+    }
+  }
+  
+  @objc func startStateMachine(_ node:NSNumber,stateMachineiId: NSString) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      let stateMachine = dotLottieView._animation?.loadStateMachine(id: String(stateMachineiId))
+      if(stateMachine != nil) {
+        _ = dotLottieView._animation?.startStateMachine()
+      }
+    }
+  }
+  
+  @objc func postEvent(_ node:NSNumber, x:NSNumber, y:NSNumber) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      let event = Event.onPointerDown(x: Float(truncating: x), y: Float(truncating: y))
+      _ = dotLottieView._animation?.postEvent(event)
+    }
+    
+  }
+  
+
+  
+  @objc func setSegments(_ node:NSNumber, start:NSNumber, end:NSNumber) {
+    DispatchQueue.main.async {
+      let start = Float(truncating: start)
+      let end = Float(truncating: end)
+      let segments: (Float, Float) = (start, end)
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.setSegments(segments: segments)
+    }
+  }
+  
+  @objc func setFrameInterpolation(_ node:NSNumber, useFrameInterpolation:Bool) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.setFrameInterpolation(useFrameInterpolation)
+    }
+  }
+  
+  @objc func setPlayMode(_ node:NSNumber, mode:NSNumber) {
+    DispatchQueue.main.async {
+      
+      let actualMode: Mode = {
+        switch mode {
+        case 0: return .forward
+        case 1: return .reverse
+        case 2: return .bounce
+        case 3: return .reverseBounce
+        default:
+          return .forward
+        }
+      }()
+      
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.setMode(mode: actualMode)
+    }
+  }
+  
+  @objc func setMarker(_ node:NSNumber, marker:NSString) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.setMarker(marker: String(marker))
+    }
+  }
+  
+  @objc func resize(_ node:NSNumber, width:NSNumber, height:NSNumber) {
+    DispatchQueue.main.async {
+      let dotLottieView = self.bridge.uiManager.view(forReactTag: node) as! DotlottieReactNativeView
+      _ = dotLottieView._animation?.resize(width: Int(truncating: width), height: Int(truncating: height))
+    }
+  }
+  
+  
+  
+ 
   @objc override static func requiresMainQueueSetup() -> Bool {
-    return false
+    return true
   }
+
 }
 
 class DotlottieReactNativeView: UIView {
+    var view: UIView?
+    var dataStore:Datastore  = .init()
+    var _animation: DotLottieAnimation? {
+         dataStore.animation
+     }
 
-  private var animationViewController: AnimationViewController?
 
-  override init(frame: CGRect) {
-    super.init(frame: frame)
-    setupAnimationViewController()
-  }
+    override init(frame: CGRect) {
+      super.init(frame: frame)
+      self.createAnimation()
+    }
+  
+  func createAnimation() {
+    dataStore.createAnimation()
+    let vc = UIHostingController(rootView: AnimationView().environmentObject(dataStore))
+    vc.view.frame = bounds
+    self.addSubview(vc.view)
+    self.view = vc.view
 
-  required init?(coder: NSCoder) {
-    super.init(coder: coder)
-    setupAnimationViewController()
   }
+  
 
-  private func setupAnimationViewController() {
-    // Initialize AnimationViewController
-    animationViewController = AnimationViewController()
 
-    // Ensure the view controller is not nil
-    guard let animationVC = animationViewController else { return }
+    required init?(coder: NSCoder) {
+      fatalError("init(coder:) has not been implemented")
+    }
+  
+   
 
-    // Add the AnimationViewController's view to the current view
-    addSubview(animationVC.view)
+    @objc var source: NSString = "" {
+        didSet{
+          dataStore.source = source
+          dataStore.createAnimation()
+        }
+      }
 
-    // Set up the frame and autoresizing mask to handle resizing
-    animationVC.view.frame = self.bounds
-    animationVC.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+    @objc var loop: Bool = false {
+        didSet{
+            dataStore.loop = loop
+            dataStore.createAnimation()
+        }
+      }
 
-    // Add the view controller to the current view's hierarchy
-    if let parentViewController = self.parentViewController {
-      parentViewController.addChild(animationVC)
-      animationVC.didMove(toParent: parentViewController)
+    @objc var autoplay: Bool = true {
+      didSet{
+        dataStore.autoplay = autoplay
+        dataStore.createAnimation()
+      }
+    }
+  
+  @objc var speed: Double = 1 {
+    didSet{
+      dataStore.speed = speed
+      dataStore.createAnimation()
     }
   }
-}
-
+    
+    @objc var onPlay: RCTBubblingEventBlock = {_ in} {
+        didSet{
+          dataStore.onPlay = onPlay
+        }
+      }
+    
+    @objc var onLoop: RCTBubblingEventBlock = {_ in} {
+        didSet{
+          dataStore.onLoop = onLoop
+        }
+      }
 
-extension UIView {
-    var parentViewController: UIViewController? {
-        var parentResponder: UIResponder? = self
-        while parentResponder != nil {
-            parentResponder = parentResponder?.next
-            if let viewController = parentResponder as? UIViewController {
-                return viewController
-            }
+    
+    @objc var onLoadError: RCTBubblingEventBlock = {_ in} {
+        didSet{
+          dataStore.onLoadError = onLoadError
         }
-        return nil
-    }
+      }
+    
+    @objc var onLoad: RCTBubblingEventBlock = {_ in} {
+        didSet{
+          dataStore.onLoad = onLoad
+        }
+      }
+
+
+     override func layoutSubviews() {
+       super.layoutSubviews()
+        self.view?.frame = bounds
+     }
+
 }
+
+
diff --git a/src/DotLottie.tsx b/src/DotLottie.tsx
new file mode 100644
index 0000000..92956df
--- /dev/null
+++ b/src/DotLottie.tsx
@@ -0,0 +1,435 @@
+import {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useRef,
+  type MutableRefObject,
+} from 'react';
+import {
+  requireNativeComponent,
+  UIManager,
+  Platform,
+  type ViewStyle,
+  findNodeHandle,
+  type NativeSyntheticEvent,
+} from 'react-native';
+import type { Mode } from './constants';
+import { parseSource } from './utils';
+
+const LINKING_ERROR =
+  `The package 'dotlottie-react-native' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+export type Dotlottie = {
+  play: () => void;
+  pause: () => void;
+  stop: () => void;
+  setLoop: (value: boolean) => void;
+  setSpeed: (value: number) => void;
+  setPlayMode: (mode: Mode) => void;
+  setFrame: (frame: number) => void;
+  freeze: () => void;
+  unfreeze: () => void;
+  startStateMachine: (stateMachineId: string) => void;
+  stopStateMachine: () => void;
+  loadStateMachine: (stateMachineId: string) => void;
+  postEvent: (x: number, y: number) => void;
+  addStateMachineEventListener: () => void;
+  removeStateMachineEventListener: () => void;
+  resize: (width: number, height: number) => void;
+  setSegment: (start: number, end: number) => void;
+  setMarker: (marker: string) => void;
+  loadTheme: (themeId: string) => void;
+  loadAnimation: (animationId: string) => void;
+  setManifest: () => void;
+};
+
+interface DotlottieNativeProps {
+  source: string | { uri: string };
+  loop?: boolean;
+  autoplay?: boolean;
+  speed?: number;
+  themeId?: string;
+  marker?: string;
+  segment?: number[];
+  playMode?: Mode;
+  style: ViewStyle;
+  ref?: MutableRefObject<any>;
+  onLoad?: () => void;
+  onComplete?: () => void;
+  onLoadError?: () => void;
+  onPlay?: () => void;
+  onLoop?: (event: NativeSyntheticEvent<{ loopCount: number }>) => void;
+  onDestroy?: () => void;
+  onUnFreeze?: () => void;
+  onFreeze?: () => void;
+  onPause?: () => void;
+  onFrame?: () => void;
+  onStop?: () => void;
+  onRender?: () => void;
+  onTransition?: (state: { previousState: string; newState: string }) => void;
+  onStateExit?: (state: { leavingState: string }) => void;
+  onStateEntered?: (state: { enteringState: string }) => void;
+}
+
+interface DotlottieReactNativeProps {
+  source: string | { uri: string };
+  loop?: boolean;
+  autoplay?: boolean;
+  speed?: number;
+  themeId?: string;
+  marker?: string;
+  segment?: number[];
+  playMode?: Mode;
+  style: ViewStyle;
+  ref?: MutableRefObject<any>;
+  onLoad?: () => void;
+  onComplete?: () => void;
+  onLoadError?: () => void;
+  onPlay?: () => void;
+  onLoop?: (loopCount: number) => void;
+  onDestroy?: () => void;
+  onUnFreeze?: () => void;
+  onFreeze?: () => void;
+  onPause?: () => void;
+
+  onFrame?: () => void;
+  onStop?: () => void;
+  onRender?: () => void;
+  onTransition?: (state: { previousState: string; newState: string }) => void;
+  onStateExit?: (state: { leavingState: string }) => void;
+  onStateEntered?: (state: { enteringState: string }) => void;
+}
+
+const COMMAND_PLAY = 'play';
+const COMMAND_PAUSE = 'pause';
+const COMMAND_STOP = 'stop';
+
+const COMMAND_SET_LOOP = 'setLoop';
+const COMMAND_SET_SPEED = 'setSpeed';
+const COMMAND_SET_PLAY_MODE = 'setPlayMode';
+const COMMAND_SET_FRAME = 'setFrame';
+const COMMAND_FREEZE = 'freeze';
+const COMMAND_UNFREEZE = 'unfreeze';
+const COMMAND_SET_START_STATE_MACHINE = 'startStateMachine';
+const COMMAND_SET_STOP_STATE_MACHINE = 'stopStateMachine';
+const COMMAND_SET_LOAD_STATE_MACHINE = 'loadStateMachine';
+const COMMAND_SET_POST_EVENT = 'postEvent';
+const COMMAND_SET_ADD_STATE_MACHINE_EVENT_LISTENER =
+  'addStateMachineEventListener';
+const COMMAND_SET_REMOVE_STATE_MACHINE_EVENT_LISTENER =
+  'removeStateMachineEventListener';
+const COMMAND_SET_RESIZE = 'resize';
+const COMMAND_SET_SEGMENT = 'setSegment';
+const COMMAND_SET_MARKER = 'setMarker';
+const COMMAND_SET_LOAD_THEME = 'loadTheme';
+const COMMAND_SET_LOAD_ANIMATION = 'loadAnimation';
+const COMMAND_SET_MANIFEST = 'manifest';
+
+const ComponentName = 'DotlottieReactNativeView';
+
+const NativeViewManager = UIManager.getViewManagerConfig(ComponentName);
+
+const DotlottieReactNativeView =
+  UIManager.getViewManagerConfig(ComponentName) != null
+    ? requireNativeComponent<DotlottieNativeProps>(ComponentName)
+    : () => {
+        throw new Error(LINKING_ERROR);
+      };
+
+export const DotLottie = forwardRef(
+  ({ source, ...props }: DotlottieReactNativeProps, ref) => {
+    const nativeRef = useRef(null);
+
+    const playWithUIManager = useCallback(() => {
+      const command = NativeViewManager.Commands[COMMAND_PLAY];
+      if (command) {
+        UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const pauseWithUIManager = useCallback(() => {
+      const command = NativeViewManager.Commands[COMMAND_PAUSE];
+      if (command) {
+        UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const stopWithUIManager = useCallback(() => {
+      const command = NativeViewManager.Commands[COMMAND_STOP];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const setLoopWithUIManager = useCallback((value: boolean) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_LOOP];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [value]
+        );
+      }
+    }, []);
+
+    const setSpeedWithUIManager = useCallback((value: number) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_SPEED];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [value]
+        );
+      }
+    }, []);
+
+    const setPlayModeWithUIManager = useCallback((mode: Mode) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_PLAY_MODE];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [mode]
+        );
+      }
+    }, []);
+
+    const setFrameWithUIManager = useCallback((frame: number) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_FRAME];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [frame]
+        );
+      }
+    }, []);
+
+    const freezeWithUIManager = useCallback(() => {
+      const command = NativeViewManager.Commands[COMMAND_FREEZE];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const unfreezeWithUIManager = useCallback(() => {
+      const command = NativeViewManager.Commands[COMMAND_UNFREEZE];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const setSegmentWithUIManager = useCallback(
+      (start: number, end: number) => {
+        const command = NativeViewManager.Commands[COMMAND_SET_SEGMENT];
+        if (command) {
+          return UIManager.dispatchViewManagerCommand(
+            findNodeHandle(nativeRef.current),
+            command,
+            [start, end]
+          );
+        }
+      },
+      []
+    );
+
+    const startStateMachineWithUIManager = useCallback(
+      (stateMachineId: string) => {
+        const command =
+          NativeViewManager.Commands[COMMAND_SET_START_STATE_MACHINE];
+        if (command) {
+          return UIManager.dispatchViewManagerCommand(
+            findNodeHandle(nativeRef.current),
+            command,
+            [stateMachineId]
+          );
+        }
+      },
+      []
+    );
+
+    const stopStateMachineWithUIManager = useCallback(() => {
+      const command =
+        NativeViewManager.Commands[COMMAND_SET_STOP_STATE_MACHINE];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const loadStateMachineWithUIManager = useCallback(
+      (stateMachineId: string) => {
+        const command =
+          NativeViewManager.Commands[COMMAND_SET_LOAD_STATE_MACHINE];
+        if (command) {
+          return UIManager.dispatchViewManagerCommand(
+            findNodeHandle(nativeRef.current),
+            command,
+            [stateMachineId]
+          );
+        }
+      },
+      []
+    );
+
+    const postEventWithUIManager = useCallback((x: number, y: number) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_POST_EVENT];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [x, y]
+        );
+      }
+    }, []);
+
+    const addStateMachineEventListenerWithUIManager = useCallback(() => {
+      const command =
+        NativeViewManager.Commands[
+          COMMAND_SET_ADD_STATE_MACHINE_EVENT_LISTENER
+        ];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const removeStateMachineEventListenerWithUIManager = useCallback(() => {
+      const command =
+        NativeViewManager.Commands[
+          COMMAND_SET_REMOVE_STATE_MACHINE_EVENT_LISTENER
+        ];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    const resizeWithUIManager = useCallback((width: number, height: number) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_RESIZE];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [width, height]
+        );
+      }
+    }, []);
+
+    const setMarkerWithUIManager = useCallback((marker: string) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_MARKER];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [marker]
+        );
+      }
+    }, []);
+
+    const loadThemeWithUIManager = useCallback((themeId: string) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_LOAD_THEME];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [themeId]
+        );
+      }
+    }, []);
+
+    const loadAnimationWithUIManager = useCallback((animationId: string) => {
+      const command = NativeViewManager.Commands[COMMAND_SET_LOAD_ANIMATION];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          [animationId]
+        );
+      }
+    }, []);
+
+    const setManifestWithUIManager = useCallback(() => {
+      const command = NativeViewManager.Commands[COMMAND_SET_MANIFEST];
+      if (command) {
+        return UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeRef.current),
+          command,
+          []
+        );
+      }
+    }, []);
+
+    useImperativeHandle(ref, () => ({
+      play: playWithUIManager,
+      pause: pauseWithUIManager,
+      stop: stopWithUIManager,
+      setLoop: setLoopWithUIManager,
+      setSpeed: setSpeedWithUIManager,
+      setPlayMode: setPlayModeWithUIManager,
+      setFrame: setFrameWithUIManager,
+      freeze: freezeWithUIManager,
+      unfreeze: unfreezeWithUIManager,
+      startStateMachine: startStateMachineWithUIManager,
+      stopStateMachine: stopStateMachineWithUIManager,
+      loadStateMachine: loadStateMachineWithUIManager,
+      postEvent: postEventWithUIManager,
+      addStateMachineEventListener: addStateMachineEventListenerWithUIManager,
+      removeStateMachineEventListener:
+        removeStateMachineEventListenerWithUIManager,
+      resize: resizeWithUIManager,
+      setSegment: setSegmentWithUIManager,
+      setMarker: setMarkerWithUIManager,
+      loadTheme: loadThemeWithUIManager,
+      loadAnimation: loadAnimationWithUIManager,
+      setManifest: setManifestWithUIManager,
+    }));
+
+    const parsedSource = parseSource(source);
+
+    return (
+      <DotlottieReactNativeView
+        ref={nativeRef}
+        loop={false}
+        autoplay={false}
+        source={parsedSource || ''}
+        {...props}
+        onLoop={(event) => {
+          props.onLoop?.(event.nativeEvent.loopCount);
+        }}
+      />
+    );
+  }
+);
diff --git a/src/constants.ts b/src/constants.ts
new file mode 100644
index 0000000..c7fca45
--- /dev/null
+++ b/src/constants.ts
@@ -0,0 +1,6 @@
+export enum Mode {
+  FORWARD,
+  REVERSE,
+  BOUNCE,
+  REVERSE_BOUNCE,
+}
diff --git a/src/index.tsx b/src/index.tsx
index 2d51ac0..f10f5de 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,28 +1,2 @@
-import {
-  requireNativeComponent,
-  UIManager,
-  Platform,
-  type ViewStyle,
-} from 'react-native';
-
-const LINKING_ERROR =
-  `The package 'dotlottie-react-native' doesn't seem to be linked. Make sure: \n\n` +
-  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
-  '- You rebuilt the app after installing the package\n' +
-  '- You are not using Expo Go\n';
-
-type DotlottieReactNativeProps = {
-  source: string;
-  loop?: boolean;
-  autoplay?: boolean;
-  style: ViewStyle;
-};
-
-const ComponentName = 'DotlottieReactNativeView';
-
-export const DotlottieReactNativeView =
-  UIManager.getViewManagerConfig(ComponentName) != null
-    ? requireNativeComponent<DotlottieReactNativeProps>(ComponentName)
-    : () => {
-        throw new Error(LINKING_ERROR);
-      };
+export * from './DotLottie';
+export * from './constants';
diff --git a/src/utils.ts b/src/utils.ts
new file mode 100644
index 0000000..590034f
--- /dev/null
+++ b/src/utils.ts
@@ -0,0 +1,18 @@
+import { Image } from 'react-native';
+
+function parseSource(source: { uri: string } | string): string | undefined {
+  const uri = (source as any).uri;
+
+  if (typeof source === 'object' && uri) {
+    return uri;
+  }
+
+  if (typeof source === 'number') {
+    console.log('numberSOurce', Image.resolveAssetSource(source).uri);
+    return Image.resolveAssetSource(source).uri;
+  }
+
+  return undefined;
+}
+
+export { parseSource };