diff --git a/src/lib/utils/variants.ts b/src/lib/utils/variants.ts
new file mode 100644
index 0000000..19fca21
--- /dev/null
+++ b/src/lib/utils/variants.ts
@@ -0,0 +1,28 @@
+import { Variants } from "framer-motion";
+
+export const container: Variants = {
+  hidden: {},
+  show: {
+    transition: {
+      staggerChildren: 0.2,
+      delayChildren: 0.2,
+    },
+  },
+};
+
+export const item: Variants = {
+  hidden: {
+    opacity: 0,
+    y: 12,
+    filter: "blur(10px)",
+  },
+  show: {
+    opacity: 1,
+    y: 0,
+    filter: "blur(0px)",
+    transition: {
+      duration: 0.6,
+      ease: "easeOut" as const,
+    },
+  },
+};