diff --git a/vite-frontend/favicon.ico b/vite-frontend/favicon.ico
index e38d32a..36eb836 100644
Binary files a/vite-frontend/favicon.ico and b/vite-frontend/favicon.ico differ
diff --git a/vite-frontend/index.html b/vite-frontend/index.html
index 0c45f44..9b5ed79 100644
--- a/vite-frontend/index.html
+++ b/vite-frontend/index.html
@@ -2,7 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/pwa-192x192.png" />
+    <meta name="theme-color" content="#2563eb" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-title" content="FLVX" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     
     <title>FLVX</title>
     <script>
diff --git a/vite-frontend/package.json b/vite-frontend/package.json
index 283a8f7..b8ac354 100644
--- a/vite-frontend/package.json
+++ b/vite-frontend/package.json
@@ -78,6 +78,7 @@
     "prettier": "3.5.3",
     "typescript": "5.6.3",
     "vite": "npm:rolldown-vite@^7.3.1",
+    "vite-plugin-pwa": "^1.1.0",
     "vite-tsconfig-paths": "^6.0.5"
   }
 }
diff --git a/vite-frontend/public/apple-touch-icon.png b/vite-frontend/public/apple-touch-icon.png
new file mode 100644
index 0000000..9416689
Binary files /dev/null and b/vite-frontend/public/apple-touch-icon.png differ
diff --git a/vite-frontend/public/pwa-192x192.png b/vite-frontend/public/pwa-192x192.png
new file mode 100644
index 0000000..cefebda
Binary files /dev/null and b/vite-frontend/public/pwa-192x192.png differ
diff --git a/vite-frontend/public/pwa-512x512.png b/vite-frontend/public/pwa-512x512.png
new file mode 100644
index 0000000..693c78f
Binary files /dev/null and b/vite-frontend/public/pwa-512x512.png differ
diff --git a/vite-frontend/public/pwa-maskable-512x512.png b/vite-frontend/public/pwa-maskable-512x512.png
new file mode 100644
index 0000000..693c78f
Binary files /dev/null and b/vite-frontend/public/pwa-maskable-512x512.png differ
diff --git a/vite-frontend/src/main.tsx b/vite-frontend/src/main.tsx
index 961f872..f2b370b 100644
--- a/vite-frontend/src/main.tsx
+++ b/vite-frontend/src/main.tsx
@@ -1,10 +1,13 @@
 import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
+import { registerSW } from "virtual:pwa-register";
 
 import App from "./App.tsx";
 import { Provider } from "./provider.tsx";
 import "@/styles/globals.css";
 
+registerSW({ immediate: true });
+
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <BrowserRouter>
     <Provider>
diff --git a/vite-frontend/src/vite-env.d.ts b/vite-frontend/src/vite-env.d.ts
index 4432e8c..e8cf24a 100644
--- a/vite-frontend/src/vite-env.d.ts
+++ b/vite-frontend/src/vite-env.d.ts
@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-pwa/client" />
 
 interface ImportMetaEnv {
   readonly VITE_APP_VERSION?: string;
diff --git a/vite-frontend/vite.config.ts b/vite-frontend/vite.config.ts
index b963a69..d7dbd9e 100644
--- a/vite-frontend/vite.config.ts
+++ b/vite-frontend/vite.config.ts
@@ -2,9 +2,50 @@ import path from "path";
 
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import { VitePWA } from "vite-plugin-pwa";
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    VitePWA({
+      registerType: "autoUpdate",
+      injectRegister: "auto",
+      includeAssets: ["favicon.ico", "apple-touch-icon.png"],
+      manifest: {
+        name: "FLVX",
+        short_name: "FLVX",
+        description: "FLVX forwarding management panel",
+        theme_color: "#2563eb",
+        background_color: "#f6f7fb",
+        display: "standalone",
+        start_url: "/",
+        scope: "/",
+        icons: [
+          {
+            src: "pwa-192x192.png",
+            sizes: "192x192",
+            type: "image/png",
+          },
+          {
+            src: "pwa-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
+          {
+            src: "pwa-maskable-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "maskable",
+          },
+        ],
+      },
+      workbox: {
+        navigateFallback: "/index.html",
+        cleanupOutdatedCaches: true,
+        maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
+      },
+    }),
+  ],
   base: "/",
   resolve: {
     alias: {
