diff --git a/apps/frontend/index.html b/apps/frontend/index.html
index 50807aa..2bb1b58 100644
--- a/apps/frontend/index.html
+++ b/apps/frontend/index.html
@@ -11,9 +11,15 @@
     <meta name="apple-mobile-web-app-title" content="НаСвязи">
     <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
     <meta name="theme-color" content="#121212" media="(prefers-color-scheme: dark)" />
+    <link rel="stylesheet" href="/css/preloader.css" />
   </head>
-  <body>
-    <div id="app"></div>
+  <body class="preloader">
+    <div id="loader">
+      <div class="spinner"></div>
+    </div>
+
+    <div id="app">
+    </div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/apps/frontend/public/css/preloader.css b/apps/frontend/public/css/preloader.css
index 7b70c16..4ea4385 100644
--- a/apps/frontend/public/css/preloader.css
+++ b/apps/frontend/public/css/preloader.css
@@ -1,5 +1,9 @@
 /* Общие стили */
-body {
+body.preloader #app {
+  display: none;
+}
+
+body.preloader {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -9,6 +13,11 @@ body {
 }
 
 #loader {
+  display: none;
+}
+
+body.preloader #loader {
+  display: block;
   text-align: center;
   padding: 7.5vh 7.5vw;
 }
diff --git a/apps/frontend/public/preloader.html b/apps/frontend/public/preloader.html
index 6acf526..e2e86d1 100644
--- a/apps/frontend/public/preloader.html
+++ b/apps/frontend/public/preloader.html
@@ -8,7 +8,7 @@
   <title>Загрузка… — НаСвязи</title>
   <link rel="stylesheet" href="/css/preloader.css" />
 </head>
-<body>
+<body class="preloader">
 <div id="loader">
   <div id="offline-message" style="display: none;">
     <h1>Нет подключения к интернету</h1>
diff --git a/apps/frontend/src/router/index.ts b/apps/frontend/src/router/index.ts
index d3c99b3..3421579 100644
--- a/apps/frontend/src/router/index.ts
+++ b/apps/frontend/src/router/index.ts
@@ -139,4 +139,8 @@ const router = createRouter({
   },
 })
 
+router.isReady().then(() => {
+  document.body.classList.remove('preloader')
+})
+
 export default router
