diff --git a/packages/bridge-ui/src/App.svelte b/packages/bridge-ui/src/App.svelte
index 46150a98d3..20a477aab5 100644
--- a/packages/bridge-ui/src/App.svelte
+++ b/packages/bridge-ui/src/App.svelte
@@ -31,6 +31,7 @@
   import { MessageStatus } from "./domain/message";
   import BridgeABI from "./constants/abi/Bridge";
   import { providers } from "./store/providers";
+  import HeaderAnnouncement from "./components/HeaderAnnouncement.svelte";
 
   const providerMap: Map<number, ethers.providers.JsonRpcProvider> = new Map<
     number,
@@ -148,6 +149,7 @@
 <QueryProvider>
   <div class="lg:container lg:mx-auto lg:px-64">
     <main>
+      <HeaderAnnouncement />
       <Navbar />
       <Router {routes} />
     </main>
diff --git a/packages/bridge-ui/src/components/HeaderAnnouncement.svelte b/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
new file mode 100644
index 0000000000..9e1e1329ec
--- /dev/null
+++ b/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
@@ -0,0 +1,17 @@
+<div class="relative bg-[#fc0fc0]">
+  <div class="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8">
+    <div class="pr-16 sm:px-16 text-center">
+      <p class="font-medium text-white">
+        <span class="md:inline">Hello! At Taiko, we develop in open-source, so this URL, and others, are
+            publicly available. However, it is not ready to be used. We will make an
+            announcement when our public testnet is ready!</span>
+        <span class="block sm:ml-2 sm:inline-block">
+          <a href="https://twitter.com/taikoxyz" class="font-bold text-white underline">
+            Follow @taikoxyz on Twitter
+            <span aria-hidden="true"> &rarr;</span>
+          </a>
+        </span>
+      </p>
+    </div>
+  </div>
+</div>