diff --git a/app/src/main/java/com/tangem/tap/domain/twins/TwinsCardWidget.kt b/app/src/main/java/com/tangem/tap/domain/twins/TwinsCardWidget.kt
new file mode 100644
index 0000000000..63f891eb4d
--- /dev/null
+++ b/app/src/main/java/com/tangem/tap/domain/twins/TwinsCardWidget.kt
@@ -0,0 +1,152 @@
+package com.tangem.tap.domain.twins
+
+import android.animation.AnimatorSet
+import android.animation.ObjectAnimator
+import android.animation.PropertyValuesHolder
+import android.view.View
+import androidx.core.animation.doOnEnd
+import com.tangem.tap.common.leapfrogWidget.LeapView
+import com.tangem.tap.common.leapfrogWidget.LeapViewState
+import com.tangem.tap.common.leapfrogWidget.LeapfrogWidget
+
+/**
+[REDACTED_AUTHOR]
+ */
+class TwinsCardWidget(
+    val leapfrogWidget: LeapfrogWidget,
+    val getTopOfAnchorViewForActivateState: () -> Float
+) {
+
+    init {
+        if (leapfrogWidget.getViewsCount() != 2) throw UnsupportedOperationException()
+    }
+
+    fun toWelcome(animate: Boolean = true, onEnd: () -> Unit = {}) {
+        val animator = createAnimator(animate, onEnd)
+        animator.playTogether(
+            createAnimator(TwinCardNumber.First, createWelcomeProperties(TwinCardNumber.First)),
+            createAnimator(TwinCardNumber.Second, createWelcomeProperties(TwinCardNumber.Second))
+        )
+        leapfrogWidget.fold { animator.start() }
+    }
+
+    fun toLeapfrog(animate: Boolean = true, onEnd: () -> Unit = {}) {
+        val animator = createAnimator(animate, onEnd)
+        animator.playTogether(
+            createAnimator(TwinCardNumber.First, createLeapfrogProperties(TwinCardNumber.First)),
+            createAnimator(TwinCardNumber.Second, createLeapfrogProperties(TwinCardNumber.Second))
+        )
+        leapfrogWidget.fold {
+            animator.doOnEnd {
+                leapfrogWidget.initViews()
+                leapfrogWidget.unfold()
+            }
+            animator.start()
+        }
+    }
+
+    fun toActivate(animate: Boolean = true, onEnd: () -> Unit = {}) {
+        val animator = createAnimator(animate, onEnd)
+        animator.playTogether(
+            createAnimator(TwinCardNumber.First, createActivateProperties(TwinCardNumber.First)),
+            createAnimator(TwinCardNumber.Second, createActivateProperties(TwinCardNumber.Second))
+        )
+        animator.start()
+    }
+
+    private fun createAnimator(animate: Boolean, onEnd: () -> Unit): AnimatorSet {
+        return AnimatorSet().apply {
+            duration = if (animate) 400 else 0
+            doOnEnd { onEnd() }
+        }
+    }
+
+    private fun createAnimator(cardNumber: TwinCardNumber, properties: TwinsCardProperties): ObjectAnimator {
+        val view = getLeapViewByCardNumber(cardNumber).view
+        val animator = ObjectAnimator.ofPropertyValuesHolder(view, *properties.createValuesHolders().toTypedArray())
+        view.elevation = properties.elevation
+        return animator
+    }
+
+    private fun createWelcomeProperties(cardNumber: TwinCardNumber): TwinsCardProperties {
+        return when (cardNumber) {
+            TwinCardNumber.First -> {
+                TwinsCardProperties(
+                    xTranslation = -180f,
+                    yTranslation = -350f,
+                    rotation = -3f,
+                    elevation = 1f,
+                    scale = 1.1f,
+                )
+            }
+            TwinCardNumber.Second -> {
+                TwinsCardProperties(
+                    xTranslation = 180f,
+                    yTranslation = 10f,
+                    rotation = -3f,
+                    elevation = 0f,
+                    scale = 1.1f,
+                )
+            }
+        }
+    }
+
+    private fun createLeapfrogProperties(cardNumber: TwinCardNumber): TwinsCardProperties {
+        val twinProperties = TwinsCardProperties.from(getLeapViewByCardNumber(cardNumber).state)
+        return twinProperties.copy(
+            xTranslation = 0f,
+            yTranslation = 0f,
+            rotation = 0f,
+            scale = 1f,
+        )
+    }
+
+    private fun createActivateProperties(cardNumber: TwinCardNumber): TwinsCardProperties {
+        val topOfAnchorView = getTopOfAnchorViewForActivateState()
+        val twinProperties = TwinsCardProperties.from(getLeapViewByCardNumber(cardNumber).state)
+        return twinProperties.copy(
+            xTranslation = twinProperties.xTranslation,
+            yTranslation = twinProperties.yTranslation - topOfAnchorView,
+            rotation = 0f,
+            scale = twinProperties.scale - 0.4f,
+        )
+    }
+
+    private fun getLeapViewByCardNumber(cardNumber: TwinCardNumber): LeapView {
+        return when (cardNumber) {
+            TwinCardNumber.First -> leapfrogWidget.getViewByPosition(0)
+            TwinCardNumber.Second -> leapfrogWidget.getViewByPosition(1)
+        }
+    }
+}
+
+private data class TwinsCardProperties(
+    val xTranslation: Float = 0f,
+    val yTranslation: Float = 0f,
+    val rotation: Float = 0f,
+    val elevation: Float = 0f,
+    val scale: Float = 1.1f,
+) {
+
+    fun createValuesHolders(): List<PropertyValuesHolder> {
+        return listOf(
+            PropertyValuesHolder.ofFloat(View.TRANSLATION_X, xTranslation),
+            PropertyValuesHolder.ofFloat(View.TRANSLATION_Y, yTranslation),
+            PropertyValuesHolder.ofFloat(View.ROTATION, rotation),
+            PropertyValuesHolder.ofFloat(View.SCALE_X, scale),
+            PropertyValuesHolder.ofFloat(View.SCALE_Y, scale),
+        )
+    }
+
+    companion object {
+        fun from(leapViewState: LeapViewState): TwinsCardProperties {
+            val leapViewProperties = leapViewState.properties
+
+            return TwinsCardProperties(
+                yTranslation = leapViewProperties.yTranslation,
+                elevation = leapViewProperties.elevationEnd,
+                scale = leapViewProperties.scale,
+            )
+        }
+    }
+}
\ No newline at end of file