diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index b9be44ffec..17d199e4eb 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -26,6 +26,17 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
   return (
     <html lang={locale} translate="no">
       <body className="flex h-dvh flex-col transition-all ease-in-out">
+        <noscript>
+          <div className="flex h-dvh w-full items-center justify-center bg-slate-50">
+            <div className="rounded-xl border border-slate-200 bg-white p-8 text-center shadow-lg">
+              <h1 className="mb-4 text-2xl font-bold text-slate-800">JavaScript Required</h1>
+              <p className="text-slate-600">
+                Formbricks requires JavaScript to function properly. Please enable JavaScript in your browser
+                settings to continue.
+              </p>
+            </div>
+          </div>
+        </noscript>
         <SentryProvider
           sentryDsn={SENTRY_DSN}
           sentryRelease={SENTRY_RELEASE}
