diff --git a/apps/web/package.json b/apps/web/package.json
index da5092430..25c56d303 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -70,6 +70,7 @@
     "react-i18next": "^16.2.3",
     "recharts": "2.15.3",
     "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "catalog:",
     "urlpattern-polyfill": "^10.1.0",
     "zod": "^3.25.74"
   },
@@ -88,7 +89,6 @@
     "prettier": "^3.6.2",
     "supabase": "catalog:",
     "tailwindcss": "catalog:",
-    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.9.3"
   },
   "prettier": "@kit/prettier-config",
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index 7ec4f3dc9..9c86be47f 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -13,9 +13,7 @@
 @import './shadcn-ui.css';
 @import './markdoc.css';
 @import './makerkit.css';
-
-/* plugins - update the below if you add a new plugin */
-@plugin 'tailwindcss-animate';
+@import 'tw-animate-css';
 
 /* content sources - update the below if you add a new path */
 @source '../../../packages/*/src/**/*.{ts,tsx}';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c4c6e9c31..f22455bfb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -36,6 +36,9 @@ catalogs:
     tailwindcss:
       specifier: 4.1.16
       version: 4.1.16
+    tw-animate-css:
+      specifier: 1.4.0
+      version: 1.4.0
 
 importers:
 
@@ -300,6 +303,9 @@ importers:
       tailwind-merge:
         specifier: ^3.3.1
         version: 3.3.1
+      tw-animate-css:
+        specifier: 'catalog:'
+        version: 1.4.0
       urlpattern-polyfill:
         specifier: ^10.1.0
         version: 10.1.0
@@ -349,9 +355,6 @@ importers:
       tailwindcss:
         specifier: 'catalog:'
         version: 4.1.16
-      tailwindcss-animate:
-        specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.1.16)
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
@@ -8462,6 +8465,9 @@ packages:
     resolution: {integrity: sha512-kC5VJqOXo50k0/0jnJDDjibLAXalqT9j7PQ56so0pN+81VR4Fwb2QgIE9dTzT3phqOTQuEXkPh3sCpnv5Isz2g==}
     hasBin: true
 
+  tw-animate-css@1.4.0:
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -17409,6 +17415,8 @@ snapshots:
       turbo-windows-64: 2.6.0
       turbo-windows-arm64: 2.6.0
 
+  tw-animate-css@1.4.0: {}
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 9d0738cbe..26ff564a6 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -14,6 +14,7 @@ catalog:
   'supabase': 2.54.11
   'tailwindcss': 4.1.16
   '@tailwindcss/postcss': 4.1.16
+  'tw-animate-css': 1.4.0
 
 onlyBuiltDependencies:
   - '@tailwindcss/oxide'