aboutsummaryrefslogtreecommitdiff
path: root/projects/96/src/components/animations
diff options
context:
space:
mode:
authorAlex Pooley (@zuedev) <zuedev@gmail.com>2025-10-30 23:40:37 +0000
committerAlex Pooley (@zuedev) <zuedev@gmail.com>2025-10-30 23:40:37 +0000
commit2131d5fec97f6163678fdec40dd2d6e9f7a5e58c (patch)
tree4e914c764809acdaa869598f10fd5016e386ac53 /projects/96/src/components/animations
parente9b62b2bc620bae72daa32d6b96bd5e59b2a293f (diff)
downloadzue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar
zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.gz
zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.bz2
zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.xz
zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.zip
restructure repo into a monorepo
Diffstat (limited to 'projects/96/src/components/animations')
-rw-r--r--projects/96/src/components/animations/FadeIn.js17
1 files changed, 17 insertions, 0 deletions
diff --git a/projects/96/src/components/animations/FadeIn.js b/projects/96/src/components/animations/FadeIn.js
new file mode 100644
index 0000000..21589ce
--- /dev/null
+++ b/projects/96/src/components/animations/FadeIn.js
@@ -0,0 +1,17 @@
+"use client";
+
+import { motion } from "motion/react";
+
+export default ({ children, props }) => {
+ const { duration = 1, delay = 0 } = props || {};
+
+ return (
+ <motion.div
+ initial={{ opacity: 0 }}
+ animate={{ opacity: 1 }}
+ transition={{ duration, delay }}
+ >
+ {children}
+ </motion.div>
+ );
+};