diff --git a/components/NoJSAlert.tsx b/components/NoJSAlert.tsx
new file mode 100644
index 0000000..3af905c
--- /dev/null
+++ b/components/NoJSAlert.tsx
@@ -0,0 +1,18 @@
+import {
+  Alert,
+  AlertDescription,
+  AlertIcon,
+  AlertTitle,
+} from "@chakra-ui/react";
+
+export default function () {
+  return (
+    <Alert status="error">
+      <AlertIcon />
+      <AlertTitle>JavaScript Disabled!</AlertTitle>
+      <AlertDescription>
+        Some features of this page may not work.
+      </AlertDescription>
+    </Alert>
+  );
+}