diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/ActiveRedeemedBadge.tsx b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/ActiveRedeemedBadge.tsx
index 9bf07cc21..555e05b22 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/ActiveRedeemedBadge.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/ActiveRedeemedBadge.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/index.tsx b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/index.tsx
index 9b706d47e..def513685 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/index.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 import { useState } from "react"
 import {
   Dialog,
diff --git a/apps/scandic-web/components/Lightbox/FullView/index.tsx b/apps/scandic-web/components/Lightbox/FullView/index.tsx
index 768522bce..bd21c51e6 100644
--- a/apps/scandic-web/components/Lightbox/FullView/index.tsx
+++ b/apps/scandic-web/components/Lightbox/FullView/index.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { useState } from "react"
 import { useIntl } from "react-intl"
 
diff --git a/apps/scandic-web/components/Lightbox/Gallery/index.tsx b/apps/scandic-web/components/Lightbox/Gallery/index.tsx
index 9368951bf..4fa0a18e8 100644
--- a/apps/scandic-web/components/Lightbox/Gallery/index.tsx
+++ b/apps/scandic-web/components/Lightbox/Gallery/index.tsx
@@ -1,5 +1,5 @@
 "use client"
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { useState } from "react"
 import { Button as ButtonRAC } from "react-aria-components"
 import { useIntl } from "react-intl"
diff --git a/apps/scandic-web/components/Lightbox/index.tsx b/apps/scandic-web/components/Lightbox/index.tsx
index bb2a3fee8..9ac2c001f 100644
--- a/apps/scandic-web/components/Lightbox/index.tsx
+++ b/apps/scandic-web/components/Lightbox/index.tsx
@@ -1,5 +1,5 @@
 "use client"
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { useEffect, useState } from "react"
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 
diff --git a/apps/scandic-web/components/Modal/index.tsx b/apps/scandic-web/components/Modal/index.tsx
index ca25338fd..af1b005ff 100644
--- a/apps/scandic-web/components/Modal/index.tsx
+++ b/apps/scandic-web/components/Modal/index.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import { cx } from "class-variance-authority"
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { type PropsWithChildren, useEffect, useState } from "react"
 import {
   Dialog,
diff --git a/apps/scandic-web/components/MyPages/Surprises/Client.tsx b/apps/scandic-web/components/MyPages/Surprises/Client.tsx
index c4882409e..db82b8ece 100644
--- a/apps/scandic-web/components/MyPages/Surprises/Client.tsx
+++ b/apps/scandic-web/components/MyPages/Surprises/Client.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { usePathname } from "next/navigation"
 import React, { useState } from "react"
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
diff --git a/apps/scandic-web/package.json b/apps/scandic-web/package.json
index d3aac6fc1..b03a4bb16 100644
--- a/apps/scandic-web/package.json
+++ b/apps/scandic-web/package.json
@@ -77,7 +77,6 @@
     "fast-deep-equal": "^3.1.3",
     "fetch-retry": "^6.0.0",
     "flat": "^6.0.1",
-    "framer-motion": "^11.3.28",
     "fuse.js": "^7.1.0",
     "graphql": "^16.11.0",
     "graphql-request": "^6.1.0",
@@ -91,6 +90,7 @@
     "libphonenumber-js": "^1.12.7",
     "lodash-es": "^4.17.21",
     "md5": "^2.3.0",
+    "motion": "^12.10.0",
     "nanoid": "^5.1.5",
     "next": "^14.2.25",
     "next-auth": "5.0.0-beta.19",
diff --git a/yarn.lock b/yarn.lock
index 7badd71a3..c610b31c5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8541,7 +8541,6 @@ __metadata:
     fast-deep-equal: "npm:^3.1.3"
     fetch-retry: "npm:^6.0.0"
     flat: "npm:^6.0.1"
-    framer-motion: "npm:^11.3.28"
     fuse.js: "npm:^7.1.0"
     graphql: "npm:^16.11.0"
     graphql-request: "npm:^6.1.0"
@@ -8561,6 +8560,7 @@ __metadata:
     lodash-es: "npm:^4.17.21"
     material-symbols: "npm:^0.29.0"
     md5: "npm:^2.3.0"
+    motion: "npm:^12.10.0"
     nanoid: "npm:^5.1.5"
     netlify-plugin-cypress: "npm:^2.2.1"
     next: "npm:^14.2.25"
@@ -15348,6 +15348,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"framer-motion@npm:^12.10.0":
+  version: 12.10.0
+  resolution: "framer-motion@npm:12.10.0"
+  dependencies:
+    motion-dom: "npm:^12.10.0"
+    motion-utils: "npm:^12.9.4"
+    tslib: "npm:^2.4.0"
+  peerDependencies:
+    "@emotion/is-prop-valid": "*"
+    react: ^18.0.0 || ^19.0.0
+    react-dom: ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10c0/46af58aac72dbbdf87063cb4e76d923346b0adcefe635c04b4dca4b4d5f8c1ac298f9efc40c8e30ccbfbf20503d5b9687bcad3a5e0c22f856e5e72446dd14a58
+  languageName: node
+  linkType: hard
+
 "fresh@npm:~0.5.2":
   version: 0.5.2
   resolution: "fresh@npm:0.5.2"
@@ -19181,6 +19203,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion-dom@npm:^12.10.0":
+  version: 12.10.0
+  resolution: "motion-dom@npm:12.10.0"
+  dependencies:
+    motion-utils: "npm:^12.9.4"
+  checksum: 10c0/1b87cb857d860c9db6bcad3c2176b1fec6536b7ab1a5d2b4eeddfb4f441f76e9bc096bb48c126ffe2d9ea10784a82767d2606bf9ffddfed6b9b9962303ee03af
+  languageName: node
+  linkType: hard
+
 "motion-utils@npm:^11.18.1":
   version: 11.18.1
   resolution: "motion-utils@npm:11.18.1"
@@ -19188,6 +19219,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion-utils@npm:^12.9.4":
+  version: 12.9.4
+  resolution: "motion-utils@npm:12.9.4"
+  checksum: 10c0/b6783babfd1282ad320585f7cdac9fe7a1f97b39e07d12a500d3709534441bd9d49b556fa1cd838d1bde188570d4ab6b4c5aa9d297f7f5aa9dc16d600c17afdc
+  languageName: node
+  linkType: hard
+
+"motion@npm:^12.10.0":
+  version: 12.10.0
+  resolution: "motion@npm:12.10.0"
+  dependencies:
+    framer-motion: "npm:^12.10.0"
+    tslib: "npm:^2.4.0"
+  peerDependencies:
+    "@emotion/is-prop-valid": "*"
+    react: ^18.0.0 || ^19.0.0
+    react-dom: ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10c0/c24c810ade88e437efd41471872ab4f4de2c3461bb92aacb5f62bb2d433842157a10798d22759115b8c1cece8569c8b37a4cd6592b478f3ddfe65184bbbdb594
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.0.0":
   version: 2.0.0
   resolution: "ms@npm:2.0.0"