diff --git a/.yarn/cache/framer-motion-npm-11.11.17-76b5773744-85193dea8e.zip b/.yarn/cache/framer-motion-npm-11.11.17-76b5773744-85193dea8e.zip
new file mode 100644
index 00000000..6194c880
Binary files /dev/null and b/.yarn/cache/framer-motion-npm-11.11.17-76b5773744-85193dea8e.zip differ
diff --git a/.yarn/cache/framer-motion-npm-11.2.10-3bbc864848-3f09356c08.zip b/.yarn/cache/framer-motion-npm-11.2.10-3bbc864848-3f09356c08.zip
deleted file mode 100644
index 25a8c372..00000000
Binary files a/.yarn/cache/framer-motion-npm-11.2.10-3bbc864848-3f09356c08.zip and /dev/null differ
diff --git a/.yarn/cache/motion-npm-11.11.17-79264e95d1-d7d1195a78.zip b/.yarn/cache/motion-npm-11.11.17-79264e95d1-d7d1195a78.zip
new file mode 100644
index 00000000..daae0419
Binary files /dev/null and b/.yarn/cache/motion-npm-11.11.17-79264e95d1-d7d1195a78.zip differ
diff --git a/apps/admin/package.json b/apps/admin/package.json
index 554e38bd..f1c1bad8 100644
--- a/apps/admin/package.json
+++ b/apps/admin/package.json
@@ -30,9 +30,9 @@
     "@tanstack/react-query": "5.52.0",
     "@vercel/blob": "0.23.4",
     "clsx": "2.1.1",
-    "framer-motion": "11.2.10",
     "google-auth-library": "9.13.0",
     "google-spreadsheet": "4.1.2",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "next-auth": "5.0.0-beta.19",
     "react": "18.3.1",
diff --git a/apps/web/package.json b/apps/web/package.json
index 3f8d00b3..acd86f53 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -38,7 +38,7 @@
     "@vercel/blob": "0.23.4",
     "clsx": "2.1.1",
     "dayjs": "1.11.11",
-    "framer-motion": "11.2.10",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "react": "18.3.1",
     "react-countup": "6.5.3",
diff --git a/apps/web/src/components/atoms/Tag/index.tsx b/apps/web/src/components/atoms/Tag/index.tsx
index 3633fe16..41a300fa 100644
--- a/apps/web/src/components/atoms/Tag/index.tsx
+++ b/apps/web/src/components/atoms/Tag/index.tsx
@@ -3,7 +3,7 @@
 import { memo, MouseEvent } from 'react';
 
 import clsx from 'clsx';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 
 import styles from './index.module.scss';
 
diff --git a/apps/web/src/components/global/Toast/index.tsx b/apps/web/src/components/global/Toast/index.tsx
index 0b8d8747..253b8f68 100644
--- a/apps/web/src/components/global/Toast/index.tsx
+++ b/apps/web/src/components/global/Toast/index.tsx
@@ -5,7 +5,7 @@ import {
 } from 'react';
 
 import clsx from 'clsx';
-import { AnimationDefinition, motion } from 'framer-motion';
+import { AnimationDefinition, motion } from 'motion/react';
 
 import {
   ErrorCircleIcon, InfoCircleIcon, SuccessCircleIcon, WarningIcon,
diff --git a/apps/web/src/styles/framerVariants.ts b/apps/web/src/styles/framerVariants.ts
index 44840253..6e7f5adf 100644
--- a/apps/web/src/styles/framerVariants.ts
+++ b/apps/web/src/styles/framerVariants.ts
@@ -1,4 +1,4 @@
-import { Variants } from 'framer-motion';
+import { Variants } from 'motion/react';
 
 // eslint-disable-next-line import/prefer-default-export
 export const upToBottomVariants: Variants = {
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 14dc3082..dacc2eb4 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -102,7 +102,7 @@
   "dependencies": {
     "@dnd-academy/core": "workspace:*",
     "clsx": "2.1.1",
-    "framer-motion": "11.2.10",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "react": "18.3.1",
     "react-countup": "6.5.3",
@@ -111,7 +111,7 @@
   },
   "peerDependencies": {
     "clsx": "2.1.1",
-    "framer-motion": "11.2.10",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "react": "^18",
     "react-countup": "6.5.3",
diff --git a/packages/ui/src/components/atoms/AccordionItem/index.tsx b/packages/ui/src/components/atoms/AccordionItem/index.tsx
index bb7b2718..4ccd31f6 100644
--- a/packages/ui/src/components/atoms/AccordionItem/index.tsx
+++ b/packages/ui/src/components/atoms/AccordionItem/index.tsx
@@ -3,7 +3,7 @@
 import { memo, PropsWithChildren } from 'react';
 
 import clsx from 'clsx';
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { AccordionPolygon } from '../../../lib/assets/icons';
 
diff --git a/packages/ui/src/components/molecules/Button/index.tsx b/packages/ui/src/components/molecules/Button/index.tsx
index 09efc229..be22e280 100644
--- a/packages/ui/src/components/molecules/Button/index.tsx
+++ b/packages/ui/src/components/molecules/Button/index.tsx
@@ -8,7 +8,7 @@ import {
 import Link from 'next/link';
 
 import clsx from 'clsx';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 
 import styles from './index.module.scss';
 
diff --git a/yarn.lock b/yarn.lock
index 13eb3699..51e7b346 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2063,11 +2063,11 @@ __metadata:
     eslint-plugin-storybook: "npm:0.8.0"
     eslint-plugin-testing-library: "npm:6.2.0"
     eslint-plugin-unused-imports: "npm:3.2.0"
-    framer-motion: "npm:11.2.10"
     identity-obj-proxy: "npm:3.0.0"
     jest: "npm:29.7.0"
     jest-environment-jsdom: "npm:29.7.0"
     jest-plugin-context: "npm:2.9.0"
+    motion: "npm:11.11.17"
     next: "npm:14.2.15"
     react: "npm:18.3.1"
     react-countup: "npm:6.5.3"
@@ -2083,7 +2083,7 @@ __metadata:
     vite-plugin-svgr: "npm:4.3.0"
   peerDependencies:
     clsx: 2.1.1
-    framer-motion: 11.2.10
+    motion: 11.11.17
     next: 14.2.15
     react: ^18
     react-countup: 6.5.3
@@ -6188,13 +6188,13 @@ __metadata:
     eslint-plugin-simple-import-sort: "npm:12.1.1"
     eslint-plugin-testing-library: "npm:6.2.0"
     eslint-plugin-unused-imports: "npm:3.2.0"
-    framer-motion: "npm:11.2.10"
     google-auth-library: "npm:9.13.0"
     google-spreadsheet: "npm:4.1.2"
     identity-obj-proxy: "npm:3.0.0"
     jest: "npm:29.7.0"
     jest-environment-jsdom: "npm:29.7.0"
     jest-plugin-context: "npm:2.9.0"
+    motion: "npm:11.11.17"
     next: "npm:14.2.15"
     next-auth: "npm:5.0.0-beta.19"
     react: "npm:18.3.1"
@@ -10584,9 +10584,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"framer-motion@npm:11.2.10":
-  version: 11.2.10
-  resolution: "framer-motion@npm:11.2.10"
+"framer-motion@npm:^11.11.17":
+  version: 11.11.17
+  resolution: "framer-motion@npm:11.11.17"
   dependencies:
     tslib: "npm:^2.4.0"
   peerDependencies:
@@ -10600,7 +10600,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 10/3f09356c08700f5f405b6259617d9eb3f49d49770efe15a81211bc41625001485f242fe2b44f6de657e707cd2ac766ca243bab72192dc948672525d331628a5d
+  checksum: 10/85193dea8ea4161efa20604db31d82761008b56f1c68097239e6e825a422c4fcc8e3b06c3a81e9cbbb1905c4b9d69632b520db2f9dd4808e03bf83e1826791ea
   languageName: node
   linkType: hard
 
@@ -14139,6 +14139,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion@npm:11.11.17":
+  version: 11.11.17
+  resolution: "motion@npm:11.11.17"
+  dependencies:
+    framer-motion: "npm:^11.11.17"
+    tslib: "npm:^2.4.0"
+  peerDependencies:
+    "@emotion/is-prop-valid": "*"
+    react: ^18.0.0
+    react-dom: ^18.0.0
+  peerDependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10/d7d1195a781db3859bf05ac1c839511d314eceb1ddbe0157d5d6268aa2989af58fdff2497bfd408c97d1e3dd81e4521820a75b0d0aeaa7a25f55c011f6a079fe
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.0.0":
   version: 2.0.0
   resolution: "ms@npm:2.0.0"
@@ -19176,11 +19197,11 @@ __metadata:
     eslint-plugin-storybook: "npm:0.8.0"
     eslint-plugin-testing-library: "npm:6.2.0"
     eslint-plugin-unused-imports: "npm:3.2.0"
-    framer-motion: "npm:11.2.10"
     identity-obj-proxy: "npm:3.0.0"
     jest: "npm:29.7.0"
     jest-environment-jsdom: "npm:29.7.0"
     jest-plugin-context: "npm:2.9.0"
+    motion: "npm:11.11.17"
     next: "npm:14.2.15"
     prop-types: "npm:15.8.1"
     react: "npm:18.3.1"