variants

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,
+    },
+  },
+};