diff --git a/index.html b/index.html
index c3ff19c..4efe761 100644
--- a/index.html
+++ b/index.html
@@ -14,8 +14,8 @@
   <body>
     <div id="camera-container"></div>
     <h1></h1>
-
-    <script src="./src/index.js"></script>
+    <div class="loading">We are loadding the SDK. Please wait...</div>
+    <script src="./src/index.js" type="module"></script>
     <!-- Change this line to the real sdk -->
     <script src="{{ SDK_URL  || '/uwu.js'}}"></script>
   </body>
diff --git a/src/index.js b/src/index.js
index 1ed71f2..5943e8b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -117,6 +117,8 @@ function renderVideoConference() {
 
 async function app() {
   try {
+    document.querySelector(".loading").style.display = "none";
+    console.log("SDK loaded");
     onBoarding = createOnBoarding(); // initialize the instance
     container.innerHTML = `<p>Warming up...</p>`;
     await onBoarding.warmup();
