diff --git a/package-lock.json b/package-lock.json
index 226ef34..5fe0210 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "movie-box",
       "version": "0.1.0",
       "dependencies": {
+        "@formkit/auto-animate": "^0.8.2",
         "@libsql/client": "^0.15.10",
         "dotenv": "^17.2.1",
         "drizzle-orm": "^0.44.4",
@@ -949,6 +950,12 @@
         "node": ">=18"
       }
     },
+    "node_modules/@formkit/auto-animate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/@formkit/auto-animate/-/auto-animate-0.8.2.tgz",
+      "integrity": "sha512-SwPWfeRa5veb1hOIBMdzI+73te5puUBHmqqaF1Bu7FjvxlYSz/kJcZKSa9Cg60zL0uRNeJL2SbRxV6Jp6Q1nFQ==",
+      "license": "MIT"
+    },
     "node_modules/@img/sharp-darwin-arm64": {
       "version": "0.34.3",
       "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.3.tgz",
diff --git a/package.json b/package.json
index fb9c2e0..d7dbaa1 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@formkit/auto-animate": "^0.8.2",
     "@libsql/client": "^0.15.10",
     "dotenv": "^17.2.1",
     "drizzle-orm": "^0.44.4",