diff --git a/app/hooks/usePrefersReducedMotion.ts b/app/hooks/usePrefersReducedMotion.ts
new file mode 100644
index 000000000..823bef20c
--- /dev/null
+++ b/app/hooks/usePrefersReducedMotion.ts
@@ -0,0 +1,6 @@
+import { useMediaQuery } from "./useMediaQuery";
+
+/** `prefers-reduced-motion` media query; `false` on the server and the first client render. */
+export function usePrefersReducedMotion() {
+	return useMediaQuery("(prefers-reduced-motion: reduce)");
+}