diff --git a/package-lock.json b/package-lock.json
index 095942c6..1577a38f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -38,6 +38,8 @@
         "@types/styled-components": "^5.1.24",
         "@vitejs/plugin-react": "^1.3.0",
         "cross-env": "^7.0.3",
+        "animate-sass": "^0.8.2",
+        "animate.css": "^4.1.1",
         "jest": "^27.5.1",
         "jest-watch-typeahead": "^1.0.0",
         "nodemon": "^2.0.15",
@@ -2003,6 +2005,18 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/animate-sass": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/animate-sass/-/animate-sass-0.8.2.tgz",
+      "integrity": "sha512-6sZ34dusqb1HdZLNpJUNaZc0CuuLgFI8SqlyaxbSSKE9zqfoNtOeO3IpVUCqvaSm/oMNH1VlEAsJlppjg+idKQ==",
+      "dev": true
+    },
+    "node_modules/animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==",
+      "dev": true
+    },
     "node_modules/ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",