diff --git a/cshare-app/src/components/PageTransition.jsx b/cshare-app/src/components/PageTransition.jsx
new file mode 100644
index 0000000..2b447e2
--- /dev/null
+++ b/cshare-app/src/components/PageTransition.jsx
@@ -0,0 +1,11 @@
+import { useLocation } from 'react-router-dom';
+
+export default function PageTransition({ children }) {
+  const { pathname } = useLocation();
+
+  return (
+    <div key={pathname} className="page-enter">
+      {children}
+    </div>
+  );
+}