diff --git a/package-lock.json b/package-lock.json
index 504f85f..ccf89a5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,6 +6,7 @@
 		"": {
 			"hasInstallScript": true,
 			"dependencies": {
+				"@formkit/auto-animate": "^1.0.0-beta.6",
 				"@pinia/nuxt": "^0.4.6",
 				"pinia": "^2.0.29"
 			},
@@ -574,6 +575,11 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/@formkit/auto-animate": {
+			"version": "1.0.0-beta.6",
+			"resolved": "https://registry.npmjs.org/@formkit/auto-animate/-/auto-animate-1.0.0-beta.6.tgz",
+			"integrity": "sha512-PVDhLAlr+B4Xb7e+1wozBUWmXa6BFU8xUPR/W/E+TsQhPS1qkAdAsJ25keEnFrcePSnXHrOsh3tiFbEToOzV9w=="
+		},
 		"node_modules/@iconify/types": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
diff --git a/package.json b/package.json
index 73cade7..c345ea1 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
 		"prettier-plugin-tailwindcss": "^0.2.1"
 	},
 	"dependencies": {
+		"@formkit/auto-animate": "^1.0.0-beta.6",
 		"@pinia/nuxt": "^0.4.6",
 		"pinia": "^2.0.29"
 	},
diff --git a/plugins/autoAnimatePlugin.ts b/plugins/autoAnimatePlugin.ts
new file mode 100644
index 0000000..a2117b1
--- /dev/null
+++ b/plugins/autoAnimatePlugin.ts
@@ -0,0 +1,5 @@
+import { autoAnimatePlugin } from '@formkit/auto-animate/vue';
+
+export default defineNuxtPlugin((nuxtApp) => {
+	nuxtApp.vueApp.use(autoAnimatePlugin);
+});
diff --git a/yarn.lock b/yarn.lock
index b704c11..670660d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -281,6 +281,11 @@
   resolved "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz"
   integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
 
+"@formkit/auto-animate@^1.0.0-beta.6":
+  version "1.0.0-beta.6"
+  resolved "https://registry.npmjs.org/@formkit/auto-animate/-/auto-animate-1.0.0-beta.6.tgz"
+  integrity sha512-PVDhLAlr+B4Xb7e+1wozBUWmXa6BFU8xUPR/W/E+TsQhPS1qkAdAsJ25keEnFrcePSnXHrOsh3tiFbEToOzV9w==
+
 "@iconify/types@^2.0.0":
   version "2.0.0"
   resolved "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz"