diff --git a/packages/ui/src/makerkit/AuthenticityToken.tsx b/packages/ui/src/makerkit/AuthenticityToken.tsx
new file mode 100644
index 000000000..a9bc433b2
--- /dev/null
+++ b/packages/ui/src/makerkit/AuthenticityToken.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+export function AuthenticityToken() {
+  const token = useCsrfToken();
+
+  return <input type="hidden" name="csrf_token" value={token} />;
+}
+
+function useCsrfToken() {
+  if (typeof window === 'undefined') return '';
+
+  return (
+    document
+      .querySelector('meta[name="csrf-token"]')
+      ?.getAttribute('content') ?? ''
+  );
+}